Quote:
|
div.skladniki{float:left;background:green; height:40%;width:41%;margin-left:14%;margin-top:20%}
|
Ok, part of your problem is right there - float:left with margin-left: 14%; means IE will DOUBLE that 14% to 28% ! It's called the doubled-float margin bug and it's actually quite easy to kill. You need a separate CSS file for IE bug fixes, and you need to use Conditional Comments to reference that separate css file, and ONLY IE will read the conditional comments.
In the 'fixes' css file you'll need to add display:inline to any div or element where you've got float with a margin in the same direction. In the above example you'd need this:
div.skladniki{display: inline;}
You can read about this bug (and lots of other IE bugs), with solutions here:
http://www.positioniseverything.net/...ed-margin.html
You have a couple of other problems: you're missing the closing </div> tag for "main"; and this -
Quote:
|
<div id="1fp21eaqs112us" style="display: none">
|
ID's can NOT start with a number.
Lastly, you have not CLEARED your floats, and you must do so for everything to work correctly.
http://css-discuss.incutio.com/?page=ClearingSpace
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!
Please login or register to view this content. Registration is FREE
Please login or register to view this content. Registration is FREE
|