CSS - Problem mit DIV Container nur auf bestimmten Seiten

perlenfischer1984

Hallo ich verwende Joomla um meine Seite zu hosten.
Ich möchte auf einer Seite einen Slider auf der rechten Seite anzeigen lassen. Allerdings nur auf einer bestimmten Seite.

Ich habe das in JOOMLA mit einem Modul gelöst, welches nur auf einer Seite angezeigt wird.

Hier meine index.php, die als Basis für alle Seiten benutzt wird :

<body>

	<div id="main-container">

		<header>
			<div id="header-left-player-image"></div>
			<nav id="main-menu-left">
				<jdoc:include type="modules" name="main-menu-left" />
			</nav>
			<div id="header-logo"></div>
			<nav id="main-menu-right">
				<jdoc:include type="modules" name="main-menu-left" />
			</nav>
			<div id="header-right-player-image"></div>
		</header>

		<main>
			<div id="main-content">
				<jdoc:include type="component" />
			</div>
		</main>

		<footer>
			<jdoc:include type="modules" name="footer" />
		</footer>

	</div>

</body>

Hier nun die CSS :

div#main-content, div#main-slider-right {
	float: left;
/*  	height: 600px;  */
}

main {
	height: 600px;
}

div#main-content{
	min-width: 990px;
/* 	width: 690px; */
}

div#main-slider-right {
	width: 300px;
	max-width: 300px;
}

Was ich möchte :
der div main-slider-right soll nur auf der entsprechenden Seite angezeigt werden, auf allen anderen Seite soll er eine Breite und Höhe von 0 haben, damit er nicht angezeigt wird.

Kann mir jemand helfen

Shade Of Mine

Du kannst in einem Vater Element, zB dem div id=main-container eine Klasse geben die sagt auf welcher Unterseite du bist.

Und dann im CSS per

.meine-seite .main-slider-right { display:none; }

den Slider verstecken, bzw. anzeigen.