Das Problem liegt bei breaklineContent. Wie gesagt, im IE werden die untereinander angeordent, in den anderen Browsern nicht.
Ich hoffe, ihr blickt durch den Code durch.
Code:
#content{
padding: 0px 10px 0px 0px;
float: left;
width: 548px;
border-right: 1px solid #ccd2d2;
}
#siteName{
margin: 0px;
padding: 16px 0px 8px 0px;
color: #ffffff;
font-weight: normal;
}
#pageName{
padding: 0px 0px 5px 15px;
margin-bottom: 30px;
}
#breadCrumb{
padding: 5px 0px 5px 15px;
font: small Verdana,sans-serif;
color: #AAAAAA;
}
.feature{
padding: 0px 0px 0px 15px;
position: relative;
width: 530px;
font-size: 11px;
}
.chartsLeft {
width: 170px;
float: left;
}
.chartsMiddle {
width: 170px;
float: left;
}
.chartsRight {
width: 170px;
float: right;
}
.columnLeft{
width: 250px;
float: left;
border-right: 1px solid #ccd2d2;
padding-right: 10px;
}
.columnRight{
float: right;
width: 260px;
}
.story {
padding: 0px 0px 0px 15px;
font-size: 80%;
}
.breaklineContent{
margin-top: 20px;
margin-left: 15px;
border-top: 1px solid #ccd2d2;
width: 530px;
position: relative;
}
Hier das HTML-Zeugs:
Zitat:
<div id="content">
<div id="breadCrumb">Breadcrumb / Breadcrumb / Breadcrumb /</div>
<div id="pageName">
<h2>Herzlich Willkommen!</h2>
</div>
<div class="story">
<div class="red subLine">Stöbern nach Interpreten</div>
<div class="orange letterSpacing">asdasfasf</div>
<div class="red subLine">Suche</div>
<div class="orange">
in
<select name="">
<option value="all">Alle Felder</option>
<option value="interpret">Interpret</option>
<option value="titel">Titel</option>
</select>
nach
<input name="suche" type="text" class="textbox" size="30" maxlength="50">
<input type="submit" name="Submit" value=" Los! " class="textbox">
</div>
<div id="mikrofon"></div>
</div>
<div class="breaklineContent"></div>
<div class="feature"><h3 class="red">Unsere Charts</h3>
<div class="chartsLeft">[img]cd.jpg[/img]</div>
<div class="chartsMiddle">[img]cd.jpg[/img]</div>
<div class="chartsRight">[img]cd.jpg[/img]</div>
</div>
<div class="breaklineContent"></div>
<div class="feature">
<div class="columnLeft"></div>
<div class="columnRight"></div>
</div>
<div class="breaklineContent"></div>
</div>
|