nicht angemeldet
probleme mit "float" auf ie5/mac
Hallo,
Meine Seite wird im IE5/mac nicht korrekt angezeigt, und zwar werden alle DIV's untereinander gezeichnet obwohl ich mit "float:left" die einen nebeneinander haben möchte. in den anderen Browser die ich bis jetzt gecheckt habe (mozilla 0.9, 1.0; netscape6,7; safari ; IE6/win) haben kein Problem.
Kennt jemand das Problem? oder einen Link wo dieses Problem beschrieben wird?
Vielen Dank für eure Antwort!
gruss flurin
ich habe folgender Aufbau meiner html Seite:
<div id="container">
<div id="pageHeader">
<div id="logo"></div>
<div id="title">
<h1><span>Titel</span></h1>
</div>
</div> <!-- pageHeader -->
<div id="pageBody">
<div id="navigation">
<ul>
<li>...</li>
<li>...</li>
....
</ul>
</div> <!-- navigation -->
<div id="mainPage">
<h3><span>Titel of subPage</span></h3>
</div> <!-- mainPage -->
</div> <!-- pageBody -->
<div id="pageFooter">
<div id="footer"></div>
</div> <!-- pageFooter -->
</div> <!-- container -->
und hier das zugehörige css-file:
html, body, h1, h2, h3, h4, p, ul, li, a, div {
margin: 0;
padding: 0;
}
a {text-decoration: none; color:#000}
a:hover {text-decoration: underline;}
#navigation ul { list-style-type: none;}
body {
background: #666;
font-family: "MS Trebuchet", Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 80%;
color: #ccc;
line-height: 135%;
}
#container {
padding: 20px;
width: 900px;
}
#pageHeader {
width; 900px;
clear:both;
}
#pageBody {
width: 900px;
clear: both;
margin: 6px 0;
}
#pageFooter{
width: 900px;
clear: both;
}
#logo {
background: url(pics/logo.jpg) no-repeat;
width: 177px;
height: 176px;
float: left;
}
#title {
background: url("pics/titelbild.jpg") no-repeat;
border: #000 solid 1px;
width: 700px;
height: 160px;
margin-left: 180px;
margin-top: -3px;
}
#navigation {
border: #000 solid 1px;
width: 155px;
height: 400px;
float: left;
padding: 10px;
}
#navigation li {
padding-left: 30px;
height:25px;
background: transparent url("pics/note.gif") no-repeat;
margin-bottom: 3px;
}
#mainPage {
border: #000 solid 1px;
width: 680px;
height: 400px;
margin-left: 180px;
padding: 10px;
}
#footer {
border: #000 solid 1px;
width: 883px;
height: 50px;
}