kostenloser Webspace werbefrei: lima-city

3 Spaltenlayout mit Fehler

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   michaelkoepke

   michaelkoepke hat kostenlosen Webspace.

   21:40, 5.5.2014

   Hey liebe Community,
   
   ich erstelle gerade für einen tag/kumpel">Kumpel eine Homepage mit einem Kopfbereich, den Mittelteil mit 3 Spalten (Menü, Inhalt und Seitenleiste) und einer Fußleiste nun mein Problem.
   
   http://michaelkoepke.lima-city.de/
   
   Ich habe nun die Seitenleiste gefüllt, doch fließt das übergeordnete div nicht um das Element und der Hintergrund wandert daher nicht bis ganz runter. Habe nun schon seit Tagen probiert aber ohne Erfolg. Was habe ich falsch gemacht bzw. was fehlt da noch?
   
   

   <!-- Seiteninhalt -->
   			<div id='center'>
   
   				<div id='submenue'>
   					<ul>
   						<li><a href='#'>item1</a></li>
   						<li><a href='#'>item2</a></li>
   						<li><a href='#'>it</a></li>
   						<li class='submenue_activ'><a href='#'>item4</a></li>
   					</ul>
   				</div>
   
   				<div id='side'>
   					<div class='container'>
   						<h1>TERMINE:</h1>
   						<p>Hallo</p>
   						<p>Hallo</p>
   						<p>Hallo</p>
   						<p>Hallo</p>
   					</div>
   					<div class='container'>
   						<h1>TERMINE:</h1>
   						<p>Hallo</p>
   						<p>Hallo</p>
   						<p>Hallo</p>
   						<p>Hallo</p>
   					</div>
   					<div class='container'>
   						<h1>TERMINE:</h1>
   						<p>Hallo</p>
   						<p>Hallo</p>
   						<p>Hallo</p>
   						<p>Hallo</p>
   					</div>
   				</div>
   
   				<div id='content'>
   					<p>Inhalt</p>
   					<p>Inhalt</p>
   					<p>Inhalt</p>
   					<p>Inhalt</p>
   					<p>Inhalt</p>
   				</div>
   
   			</div>
   
   			<!-- Fußbereich -->
   			<div id='footer'>
   				<p>Fußbereich</p>
   			</div>

   
   

   #center {
   	width: 100%;
   	height: 100%;
   	min-height: 300px;
   	/* --------------------------- */
   	padding: 0px 0px 20px 0px;
   	margin: 0px 0px 10px 0px;
   	background-color: ;
   	background-image: url('../images/style/center.png');
   	background-position: top left;
   	background-repeat: repeat-y;
   }
   
   #submenue {
   	height: 100%;
   	float: left;
   	/* --------------------------- */
   	width: 180px;
   	padding: 0px 10px 0px 10px;
   }
   
   #content {
   	height: 100%;
   	overflow: auto;
   	/* --------------------------- */
   	padding: 0px 10px 0px 10px;
   }
   
   #side {
   	height: 100%;
   	float: right;
   	/* --------------------------- */
   	width: 180px;
   	padding: 0px 10px 0px 10px;
   }
   
   #footer {
   	width: 100%;
   	clear: both;
   	/* --------------------------- */
   	height: 150px;
   	padding: 0px 0px 0px 0px;
   	margin: 0px 0px 10px 0px;
   	color: white;
   	background-color: #222;
   	background-image: ;
   	background-position: ;
   	background-repeat: ;
   }

   
   
   Bitte um Hilfe
   
   MFG Micha

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. mein-wunschname

   mein-wunschname hat kostenlosen Webspace.

   21:55, 5.5.2014

   Das mit dem "fließen" verstehe ich nicht ganz, aber möglicherweise meinst du, dass
   <div id='center'>
   sich nicht an die Höhe von
   <div id='side'>
   anpasst.
   Schau doch mal, ob die hier
   http://www.lima-city.de/thread/css-problem-2-boxen-nebeneinander/page%3A1/perpage%3A15
   beschriebene Lösung dich zu einer Lösung führt.
4. Autor dieses Themas

   michaelkoepke

   michaelkoepke hat kostenlosen Webspace.

   22:02, 5.5.2014

   Danke, das könnte helfen, aber mit loat muss es doch auch klappen oder nicht? ich verstehe nicht, warum sich das übergeordnete dich nicht dieser seitenleiste anpasst, obwohl sie in diesem div ist ...!?

5. fatfreddy

   

   fatfreddy hat kostenlosen Webspace.

   2:54, 6.5.2014

   Ergänze das CSS für das DIV "center" mal um "overflow:hidden;", dann sollte es funktionieren.
   
   
6. Autor dieses Themas

   michaelkoepke

   michaelkoepke hat kostenlosen Webspace.

   16:46, 6.5.2014

   fatfreddy schrieb:
   Ergänze das CSS für das DIV "center" mal um "overflow:hidden;", dann sollte es funktionieren.
   
   

   
   Super, Danke, Problem gelöst :)

7. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?