html - IE not centering these images, is there a fix? -


My problem with this page is that "high school", "middle school" And "elementary school" images are fully focused in all browsers except IE 6, 7 and 8.

Relevant parts of the page: ( edit for clarity )

CSS:

  #block {clear: both ; Width: 682px; } .education_level_wrapper {float: left; Width: 100%; } .education_level {margin-down: 3px; Margin-left: auto; Margin-right: auto; Display area; }  

HTML:

  & lt; Div id = "block" & gt; & Lt; Div class = "education_level_wrapper" & gt; & Lt; Img src = "[sniped] /Title_HS.png" class = "education_level" /> & Lt; / Div & gt; & Lt; / Div & gt;  

IE:

alt text

Chrome:

alt text

What am I doing wrong here?

Edit:

See fixed version here:. The above link was a snapshot to remain consistent for archival purposes.

Change your page to & lt ;! DOCTYPE HTML & gt; Browse from Try to comply with CSS Tactics.

Right now you are presenting browsers to pages like it was 2001.

The technical explanation is that, the IE6 quarksq mode auto-margin wont work without being in standard mode. If you are using quirks mode, the methodology, the text- Align: center , but you should use standard mode, aka send mode.


Comments

Popular posts from this blog

Eclipse CDT variable colors in editor -

AJAX doesn't send POST query -

wpf - Custom Message Box Advice -