Bob Buttons
Threadersteller
Dabei seit: 16.03.2007
Ort: -
Alter: -
Geschlecht: -
|
Verfasst So 28.10.2007 14:51
Titel Darstellunsgprobleme im IE6 |
|
|
Hallo allerseits...
Schaut euch bitte mal diese Seite an:
SEITE
Im FF sieht das ganze voll ok aus, im IE7 auch, aber im IE6 ist der Innenteil (Col3) verschoben und unter dem mittleren Teil läuft der content_footer einfach weiter.
Ich habe die ganze Nacht daran gesessen und keine Abhilfe gefunden. hat evt jemand von euch eine Idee woran das liegen kann? Habe deswegen auch YAML benutzt, weil ich dachte dass es eigentlich solche Sachen ausbügeln sollte...
Hier mal das html:
Code: | <body>
<div id="wrapper">
<div id="header"></div>
<div id="content">
<div id="content_header">
<div id="col1">
<div id="col1_content">
<div id="col1_content_header"></div>
<div id="col1_content_repeater">
<br />
<br />
<br />
<br />
<br />
<br />
<br />
</div>
<div id="col1_content_footer"></div>
</div>
</div>
<div id="col2">
<div id="col2_content">
<div id="col2_content_header"></div>
<div id="col2_content_repeater">
<br />
<br />
<br />
<br />
<br />
<br />
<br />
</div>
<div id="col2_content_footer"></div>
</div>
</div>
<div id="col3">
<div id="col3_content">
<div id="col3_content_vorschau">
<div id="col3_content_vorschau_header"></div>
<div id="col3_content_vorschau_repeater">
<br />
<br />
<br />
<br />
<br />
<br />
</div>
<div id="col3_content_vorschau_footer"></div>
</div>
<div id="col3_content_vorschau">
<div id="col3_content_vorschau_header"></div>
<div id="col3_content_vorschau_repeater">
<br />
<br />
<br />
<br />
<br />
<br />
</div>
<div id="col3_content_vorschau_footer"></div>
</div>
<div id="col3_content_vorschau">
<div id="col3_content_vorschau_header"></div>
<div id="col3_content_vorschau_repeater">
<br />
<br />
<br />
<br />
<br />
<br />
</div>
<div id="col3_content_vorschau_footer"></div>
</div>
<div id="col3_content_vorschau">
<div id="col3_content_vorschau_header"></div>
<div id="col3_content_vorschau_repeater">
<br />
<br />
<br />
<br />
<br />
<br />
</div>
<div id="col3_content_vorschau_footer"></div>
</div>
<div class="clear"></div>
</div>
</div>
</div>
<div id="content_footer"></div>
</div>
<div id="footer"></div>
</div>
</body> |
und das css aus der content.css dazu
Code: | @media all
{
html { margin: 0 auto; padding: 0 auto; height: 100%; min-height: 101%;}
body
{
width: 990px;
font-family: Arial, Verdana, Helvetica, sans-serif;
margin: 0 auto;
padding: 0 auto;
color: #666666;
}
#wrapper
{
width: 990px;
}
#header
{
background: url(../images/header.jpg) no-repeat;
width: 990px;
height: 106px;
}
#content
{
background: url(../images/content_repeater.jpg) repeat-y;
width: 990px;
}
#content_header
{
background: url(../images/content_header.jpg) no-repeat;
width: 990px;
}
#content_footer
{
background: url(../images/content_footer.jpg) no-repeat;
width: 990px;
height: 7px;
}
#footer
{
background: url(../images/footer.jpg) no-repeat;
width: 990px;
height: 47px;
}
#col1
{
width: 180px;
padding-left: 1px;
}
#col1_content
{
}
#col1_content_header
{
/*background: url(../images/col1_header.jpg) no-repeat; !important*/
width: 180px;
height: 29px;
}
#col1_content_repeater
{
/*background: url(../images/col1_repeater.jpg) repeat-y;*/
width: 180px;
}
#col1_content_footer
{
/*background: url(../images/col1_footer.jpg) no-repeat;*/
width: 180px;
height: 7px;
}
#col2
{
width: 180px;
margin-right: 2px;
}
#col2_content
{
}
#col2_content_header
{
/*background: url(../images/col1_header.jpg) no-repeat; !important*/
width: 180px;
height: 29px;
}
#col2_content_repeater
{
/*background: url(../images/col1_repeater.jpg) repeat-y;*/
width: 180px;
}
#col2_content_footer
{
/*background: url(../images/col1_footer.jpg) no-repeat;*/
width: 180px;
height: 7px;
}
#col3
{
width: 624px;
}
*html #col3
{
border: #00FF00 1px solid;
width: 620px;
}
#col3_content
{
width: 624px;
}
#col3_content_vorschau
{
width: 305px;
float: left;
padding-right: 6px;
}
#col3_content_vorschau_header
{
background: url(../images/vorschau_header.jpg) no-repeat;
width: 305px;
height: 29px;
}
#col3_content_vorschau_repeater
{
background: url(../images/vorschau_repeater.jpg) repeat-y;
width: 305px;
}
#col3_content_vorschau_footer
{
background: url(../images/vorschau_footer.jpg) no-repeat;
width: 305px;
height: 23px;
}
.clear
{
clear: both;
}
} |
hoffe ihr könnt damit etwas anfangen...wenn ihr noch was brauchen solltet sagt bescheid...
besten dank für die Mühe
Ragna
|
|