CSS dla IE, rozpływa się kompozycja :D Opcje

[Naster]

Witam.

Mam prawię całą stronkę dla FF i Opere, pozostaje dodać teksty ale to już nie moja sprawa. Problem jednak jest to aby nie rozpływało się pod IE wszystko.

Adres stronki www.mkmotorsport.pl tam jest wszystko łącznie (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) Ale w razie konieczności podam kod tutaj

[HTML] pobierz, plaintext 
* { padding: 0; margin: 0; }
 
body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background: #fff url("image/tlo.jpg") center repeat;
 
}
#wrapper { 
 margin: 0 auto;
 width: 922px;
height: 100%;
}
#header {
 color: #FFFFFF;
 width: 900px;
 float: left;
 padding: 10px;
 border: 1px solid #ccc;
 height: 100px;
 margin: 10px 0px 0px 0px;
 background: #CC0000;
}
#navigation {
float: left;
 width: 900px;
 color: #333;
 padding: 10px;
 border: 1px solid #ccc;
 margin: 0px 0px 0px 0px;
 background: #FFFFFF;
}
#leftcolumn { 
 color: #FFFFFF;
 border: 1px solid #ccc;
 background: #736866;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 350px;
 width: 195px;
 float: left;
}
#content { 
 float: left;
 color: #FFFFFF;
 border: 1px solid #ccc;
 background: #CC0000;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 350px;
 width: 450px;
 display: inline;
 overflow-y: scroll;
}
#rightcolumn { 
 color: #FFFFFF;
 border: 1px solid #ccc;
 background: #736866;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 350px;
 width: 210px;
 float: left;
 overflow-y: scroll;
}
#footer { 
 width: 900px;
 clear: both;
 color: #FFFFFF;
 border: 1px solid #ccc;
 background: #736866;
 margin: 0px 0px 10px 0px;
 padding: 10px;
}
[HTML] pobierz, plaintext 

Pod FF i Opere wszystko ładnie śmiga a pod IE rozjeżdza się. Ma ktoś jakiś pomysł?

Z góry dziękuje za pomoc.

Ten post edytował Naster 12.11.2008, 18:06:33

[baranek77]

Wydaje mi sie ze srodkowa kolumna jest za szeroka.Zrob cos takiego

[HTML] pobierz, plaintext 
#content { 
 float: left;
 color: #FFFFFF;
 border: 1px solid #ccc;
 background: #CC0000;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 350px;
 width: 450px !important; //rozmiar dla ff,opery,ie7
width:420px;  //tutaj rozmiar dla ie6
 display: inline;
 overflow-y: scroll;
}
img {
border:0; //niweluje obramowanie obrazkow w ie6
}
[HTML] pobierz, plaintext 

Powinno byc dobrze

Ten post edytował baranek77 12.11.2008, 18:27:35