Hallo
also erstmal muss ich sagen das ich wirklich schon sauviel gegoogled hab und auch seiten zu dem thema gefunden hab aber die codes die dort stehen zeigen irgendwie nicht die gewünschte wirkung
also ich habe im großen und ganzen 3 divs
ein div oben als header
darunter 2 divs nebeneinander (links menü, rechts inhalt)
probleme
1. das gesamte konstrukt soll 100% seitenhöhe haben
im firefox hat es aber 100% + header und im IE vergrößern sich die unteren divs garnicht
2. das gesamte konstrukt soll zentriert werden
im IE wird der header zwar zentriert aber der rest nicht, im firefox wird garnix zentriert
hier der html code
Code:
<div id="wrap">
<div id="head">
Hier is der Header
</div>
<div id="menu">
<p>
<ul>
<li><a href="index.php">Startseite</a></li>
<li><a href="index.php">Fitness</a></li>
<li><a href="index.php">Krafttraining</a></li>
<li><a href="index.php">Kurse</a></li>
<li><a href="index.php">Boxen</a></li>
<li><a href="index.php">Kick- + Thaiboxen</a></li>
<li><a href="index.php">Realfight</a></li>
<li><a href="index.php">Personal Training</a></li>
<li><a href="index.php">Senior Fit 50+</a></li>
<li><a href="index.php">Heavy Kids</a></li>
<li><a href="index.php">Kontakt</a></li>
<li><a href="index.php">Impressum</a></li>
</ul>
</p>
</div>
<div id="content">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
</div>
</div>
hier die css datei
Code:
*{
font-size: 100%;
color: #FFFFFF;
}
body{
text-align: center;
height: 100%;
padding 0;
margin: 0px auto;
font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif;
}
wrap{
text-align: left;
width: 900;
}
#head{
width: 900px;
height: 178px;
background-image: url(images/header.gif);
}
#content{
float:left;
width: 700px;
height: 100%;
padding-left: 30px;
padding-right: 30px;
background-image: url(images/right.gif);
}
html>body #content {
width: 640px;
}
#menu{
float:left;
width: 200px;
height: 100%;
padding-left: 25;
padding-right: 25;
background-image: url(images/left.gif);
}
html>body #menu {
width: 150px;
}
ul{
text-align: left;
}
li{
font-weight: bold;
list-style: square;
}
a{
text-decoration:none;