Css 3 Seiten Layout will net so :)

nova_rs · #1 (**permalink**) 23.03.2010, 14:54

Guten Tag.
Ich hab scho einige Webseiten gemacht jedoch noch net mit schönem css. Nachdem ich keine lust mehr Tabellen hab fing auch die CSS sucht an

Nun komm ich aber , nachdem ich ja noch neuling bin, nicht weiter.

Ich hab ein 3 Seiten layout. Mit rundrum gfx.
Mein problem.

Wenn ich nun in die main ( hier der inhalt) etwas schreibe zieht sich die Seite ( was sie ja soll) jedoch werden die hintergründe der Linken und Rechten Navigation ( bei mir bis jetzt nur boxen) nicht mit gezoggen

Ich habe bereits den link in der FHQ bereits gelesen mit der verstecken überlappung bei floats usw aber so richtig hab ichs nicht verstanden....

Hier noch der code

danke schonmal

Css:

Code:

#container
{
margin: 0px auto;
width: 1174px;
background-image: url(pic/background.jpg);
background-repeat: repeat;

}

#container3
{
clear: both;
height: 155px;
width: 1174px;

}


#header{
width: 1174px;
height: 330px;
margin-top: 0px;	
background-image: url(pic/happy_02.jpg);

	
}

#container2
{
clear: both;


}
#main {
  width: 762px;
  margin: 0 213px 0 199px;
  background-color: #e8dfe0;

}
#navLeft
{
	width: 199px;
	background-image: url(pic/happy_04.jpg);
    background-repeat: repeat-y;
	float: left;
	height:inherit;
	position:relative top:5px;
}
#navRight
{
	width: 213px;
	background-color: #FFCC66;
   background-image: url(pic/happy_06.jpg);
   background-repeat: repeat-y;
	float: right;

}



#inhalt
{


}




#foodermain {
  width: 762px;
  height: 155px;
  background-image: url(pic/happy_08.jpg);
  float: left;
}
#fooderLeft
{
	width: 199px;
	height: 155px;
        background-image: url(pic/happy_07.jpg);
        background-repeat: no-repeat;
	float: left;

}
#fooderRight
{
	width: 213px;
	height: 155px;
        background-image: url(pic/happy_09.jpg);
        background-repeat: no-repeat;
	float: left;

}

Hp

Code:

<html>
<head>
  <link rel="stylesheet" type="text/css" href="css.css" />
</head>
<body background="pic/background.jpg" topmargin="0">
	<div id="container">
		<div id="header">header</div>
		<div id="container2">
			<div  id="navLeft"> <div id="navigation"> News <br> user </div> </div>

                        <div id="navRight"> Login </div>

                        <div id="main">
                        
								lol <br> lol <br> lol <br> lol <br> lol <br> lol <br>
								lol <br> lol <br> lol <br> lol <br> lol <br> lol <br>

								lol <br> lol <br> lol <br> lol <br> lol <br> lol <br>


                        </div>
			
                        
        	</div>



                <div id="container3">
			<div  id="fooderLeft">  </div>
                        <div id="foodermain">  </div>
			<div id="fooderRight">  </div>
                        
        	</div>

        	

		
	</div>	
		
	</body>
</html>

scherii · #2 (**permalink**) 30.03.2010, 15:54

Bei mir sieht das so aus wie im angehängten Bild.

Welche Boxen sollen sich mit dem Inhalt vergrössern?
#navRight und #navLeft?
Wenn ja, dann pack #main in #navRight und diesen in #navLeft und gib nur #main eine Höhe, die anderen wachsen mit.

Falls ich das falsch verstanden habe, bitte ich dich, das irgendwo online zur Verfügung zu stellen oder ein sinnvolles (aufs Nötigste reduzierte und vorher validiertes) Testcase zu schreiben. Im aktuellen erkenne ich leider nicht wirklich etwas.

Greets,
scherii

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Banner neben CSS Layout platzieren?	delaspuke	CSS	19	29.12.2010 22:08
Layout für mehrere Seiten	dude91	(X)HTML	25	24.03.2010 10:06
CSS layout was 'mit geht'	Iceman*	CSS	2	30.12.2005 08:36
CSS Layout mit abgerundeten Ecken	dimension	CSS	3	17.04.2005 18:05
Layout Problem CSS	david.bellem	CSS	8	17.09.2004 11:59