Tweet
Website mit Navigation und Rest 100%
Liebe Leute
Ich folgendes Problem:
Habe eine Website, oben einen header über die ganze Seite, dann unter dem Header links eine Navigation von genau 190Pixel und rechts von der Navigation ebenfalls unter dem Header einen Platz wo der ganze Text hinkommt, von der Navigation bis zur rechten Browserfensterseite (siehe Anhang).
Die Seite soll mit divs gemacht werden.
Kann mir jmd. sagen wie ich das hinkriege, dass es mir den Text nicht immer nach ganz unten verschiebt, wenn ich 100% angebe?
Hier ist der HTML Code:
Hier der CSS Code:
Hab im Moment wirklich keinen Plan, eine Antwort würde mir sehr helfen.
Tinella
Ich folgendes Problem:
Habe eine Website, oben einen header über die ganze Seite, dann unter dem Header links eine Navigation von genau 190Pixel und rechts von der Navigation ebenfalls unter dem Header einen Platz wo der ganze Text hinkommt, von der Navigation bis zur rechten Browserfensterseite (siehe Anhang).
Die Seite soll mit divs gemacht werden.
Kann mir jmd. sagen wie ich das hinkriege, dass es mir den Text nicht immer nach ganz unten verschiebt, wenn ich 100% angebe?
Hier ist der HTML Code:
PHP-Code:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<titleDas Problem</title>
<link href="css/styles.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="mainContainer">
<div id="header">
</div>
<div id="bottom">
<div id="navigation"></div>
<div id="title"></div>
<div id="text"></div>
</div>
</div>
</body>
</html>
PHP-Code:
#mainContainer{
width:100%;
}
#header{
background-image:url(../images/backgroundheader.jpg);
height:140px;
width:100%;
}
#bottom{
/*background-image:url(../images/bottomsize.jpg);*/
/*türkis*/
background-color:#00CC99;
height:600px;
width:100%;
}
#navigation{
height:100%;
width:190px;
float:left;
/*green*/
background-color:#66FF00;
}
#title{
/*blue*/
background-color:#000099;
width:100%;
height:100px;
float:left;
padding-left:190px;
margin-left:190px;
}
#text{
/*red*/
background-color:#CC0000;
width:100%;
height:300px;
float:left;
padding-left:190px;
margin-left:190px;
}
Tinella
Moderator
Kommentar