M
MrFreeze
Gast
Also siehe mein HTML/CSS-Code
a) die Navigation links ist nicht immer gleich lang mit dem Content
b) Im IE ist das Design fast richtig abgesehen von punkt a aber im Firefox ist gar nix mehr richtig!
nun schon seid 2 Stunden dabei das zu versuchen - aber hmm nicht so recht erfolgreich!
Wäre lieb wenn jemand mir mal auf die Sprünge hilft!
a) die Navigation links ist nicht immer gleich lang mit dem Content
b) Im IE ist das Design fast richtig abgesehen von punkt a aber im Firefox ist gar nix mehr richtig!
nun schon seid 2 Stunden dabei das zu versuchen - aber hmm nicht so recht erfolgreich!
Wäre lieb wenn jemand mir mal auf die Sprünge hilft!
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="de">
<head>
<title>testpage</title>
<style type="text/css">
BODY{
font-family: Sans-Serif;
font-size: 0.9em;
line-height: 130%;
background: Maroon;
text-align: left;
}
#header{
margin: auto auto;
background: #ffffff;
width: 750px;
height: 77px;
}
#title{
margin: auto auto;
background: #F8F4F1;
width: 750px;
height: 13px;
font-size: 0.6em;
font-family: Verdana;
color: #524D4C;
}
#footer{
margin: auto auto;
background: #EBEBEB;
width: 750px;
height: 12px;
font-size: 0.6em;
font-family: Verdana;
color: #524D4C;
}
#wrap{
margin: auto auto;
width: 750px;
min-height: 100%;
}
* html #wrap {
height: 100%;}
#container{
margin: auto auto;
width: 611px;
float: right;
}
#global{
margin: auto auto;
width: 611px;
float: right;
}
#links{
margin: auto auto;
padding-bottom: 2px;
background: #D9D5CE;
width: 138px;
float: left;
}
#mitte{
margin: auto auto;
background: #F7F3E9;
width: 611px;
float: left;
border-left: 1px solid #A69C8C;
border-top: 1px solid #A69C8C;
border-bottom: 1px solid #A69C8C;
}
</style>
</head>
<body>
<div id="header">Header</div>
<div id="title"><img src="http://www.traum-projekt.com/forum/images/arrow_title.gif"> Home</div>
<div id="wrap">
<div id="links">asdasdasdasd</div>
<div id="container">
<div id="mitte">
<p>sdfsdf</p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</div>
</div>
</div>
<div id="footer"><img src="http://www.traum-projekt.com/forum/images/spacer.gif" /></div>
</body>
</html>
