Witajcie serdecznie :)
Stworzyłem stronę na 3 pływających kolumnach, jedną z nich podzieliłem jeszcze na dwie części też przy pomocy pływających ramek. W FF jest wszystko ok, a pod IE kicha, mógłbym to zrobić inaczej ale jestem ciekaw gdzie popełniam (o ile popełniam) błąd. Zamieszczam poniżej kody i fotki pod ie i ff. Wiem że między IE a FF jest różnica 1 pixela i to wziąłem pod uwagę, ale niestety to nic nie pomogło.
kod css:
#column1 {
float:left;
width: 16%;
height:100%;
background: blue;
}
#column2 {
float:left;
padding-top:20pt;
width: 66%;
}
#column3 {
float:right;
width: 16%;
height:100%;
background: orange;
}
#inside1 {
float:left;
width: 50%;
background:black;
}
#inside2 {
float:left;
width: 49%;
background:red;
}
kod strony
<HTML>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-2">
<META HTTP-EQUIV="cache-control" CONTENT="no-cache">
<META HTTP-EQUIV="pragma" CONTENT="no-cache">
<link rel="stylesheet" type="text/css" href="user/style.css" />
<HEAD>
</HEAD>
<BODY>
<!-- lewa pusta przestrzen -->
<DIV ID="column1">
<P></P>
</DIV>
<!-- wykorzystywana przestrzen - srodek -->
<DIV ID="column2">
<BR><BR>
<DIV ID="inside1">
<P><BR></P>
</DIV>
<DIV ID="inside2">
<P><BR></P>
</DIV>
</DIV>
<DIV ID="column3">
<p></p>
</DIV>
</BODY>
</HTML>
i jeszcze screen pod ff: TAK JEST OK
http://img138.imageshack.us/img138/6672/strjw1.gif
i jeszcze screen pod IE: TAK JEST LIPA
http://img143.imageshack.us/img143/6963/ieng7.gif