zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Css 3 Seiten Layout will net so :)

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 23.03.2010, 14:54
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 23.03.2010
Beiträge: 1
nova_rs befindet sich auf einem aufstrebenden Ast
Standard Css 3 Seiten Layout will net so :)

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>
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 30.03.2010, 15:54
Benutzerbild von scherii
Neuer Benutzer
neuer user
 
Registriert seit: 30.03.2010
Beiträge: 17
scherii befindet sich auf einem aufstrebenden Ast
Standard

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
Angehängte Grafiken
Dateityp: jpg xhtml.jpg (6,1 KB, 6x aufgerufen)
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 04:00 Uhr.