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:
Chrome:
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
Post a Comment