• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Hilfe beim Layout

jenny87

Neues Mitglied
Hallo ihr Lieben,

Ich verzweifle gerade an meinem zusammengebastelten Layout:
HTML:
<body>
 <div id="top">  
 </div>

 <div id="center" >
   <div id="navigation">  
   </div>
   <div id="text">
   </div>
 </div>
 <div id="foot">
 </div>
 </body>
</html>

mit dem entsprechenden CSS:
Code:
body{
padding: 0px;
margin: 0px;
}
#top{
height: 100px;
margin-right:10px;
}
#center{
position: relative;
width: 100%;
float:left;
}
#navigation{
float:left;
width: 150px;
}
#text {
width:*;
padding:40px;
}
#foot {
float:left;
bottom:0px;
width:100%;
}
Nun meine Fragen:
1. Wie kriege ich es hin, dass der Container "foot" auch bei kurzen Texten am Seitenende steht?
2. Wie kann ich einstellen, dass der Text bei einer kurzen Navigation nicht untendrunter weitergeht? also sich nicht nach Links verschiebt?

Ich hoffe dass mir jemand weiterhelfen kann.
Vielen Dank im Vorraus, liebe Grüße Jenn
 
Hallo.

Wenn du nicht willst das dein Text unter das Menü rutscht warum setzt du dann deine Navigation in den Center div rein und nicht daneben.
Asserdem verstehe ich nicht was der Text div im Center div bewirken soll. Ich benutze verschachtelte divs nur wenn es wirklich nicht anders geht.

Gruss
Elroy
 
ich hatte das in einem tutorial so gelesen. Da stand dass der footer nur dann (auch bei kurzen Texten) am unteren Rand steht. Deswegen hab ich den "Center" überhaupt erst eingeführt...
 
Zurück
Oben