css div question for IE?

Question

i have 4 25% div's all floating next to each other to make 1 100% line.

now this works fine in firefox but in IE it pushes the last 25% div down so it doesnt make a line.

its like IE adds 25+25+25+25 and gets 101. does anyone know how to fix this IE problem.

Answer 1

First, make sure your page is using a proper DocType, otherwise IE is in Quirks Mode and you've lost control on how your page is parsed by IE. FF is in Quirks Mode, but it is CSS 2.1 compliant and will do a good job of parsing your page without a DocType.



Next, you can try adding the following to very top of all CSS:



* {

margin: 0;

padding: 0;

border: 0;

}



That is the Universal Selector. may or may not work for you.



Next, IE has so many problems and quirks. These are a few of them listed on this site:



http://www.positioniseverything.net/explorer.html



Bug Reports for Explorer 7: http://www.quirksmode.org/bugreports/archives/explorer_7/index.html



IE has a problem with figuring dimensions and you may need to usee a separate CSS and use conditional statements to load it for IE browsers only.



HTHs,



Ron

Answer 2

No please do no longer pass returned to tables, ...kidding!! The discern div should not be set with a restoration sized (i.e pixels), it is often perfect to apply probabilities. probabilities are continually expandable or retractable. Then the interior ingredient could be regardless of they're. in the case the image interior a div: because of the fact the image is often at a restoration length, to make the div to amplify, use probabilities instead of a restoration length (i.e. pixel, em, etc.). on the topic of putting a text fabric (or something smaller than the div itself) interior a div: Set a restoration length this time to the div, upload your text fabric interior it and the div could desire to easily be pushed down.

Answer 3

Hi,



Do u have a holding container div with width=100%, which has all the four 25% div's.. if not try that.



and



add display inline to each of the 25% div's.



this wil solve ur prob, check it out..



Cheers,

Santhosh

http://santhoz-teaches.blogspot.com/

Answer 4

float the last one right, float the others left and wrap them in 1 big div.

Answer 5

remove the float left for last div

Answer 6

Check your padding,should be 0px,if not why not set 24% and appease both ie and firefox ?