html - Why will this div/img not center in IE8? -
I have a very easy holding page which I'm focusing on div, anchor and image. For some reason this will not be the center in IE8 (either mode), and I hope someone can tell me why I did not have the chance to see it in other IE browser, I tried it in Chrome and FF3 where it works fine.
& lt; Html & gt; & Lt; Top & gt; & Lt; Title & gt; Welcome to & lt; / Title & gt; & Lt; Style & gt; #pageContainer {width: 300px; Margin: 0 auto; Text-align: center;} # toLogo {border: none; } & Lt; / Style & gt; & Lt; / Head & gt; & Lt; Body & gt; & Lt; Div id = "page container" & gt; & Lt; A href = "http://portal.thesit.com" id = "to site" & gt; & Lt; Img src = "LOGO_DNNsmall.png" id = "toLogo" & gt; & Lt; / A & gt; & Lt; / Div & gt; & Lt; / Body & gt; & Lt; / Html & gt; I said it was really simple :)
thanks,
brett
Do you really want your page to work in QuarkX mode? Once I have implemented the benchmark mode, I have corrected my HTML centers:
& lt ;! DOCTYPE html public "- // W3C // DTD XHTML 1.1 / N" http: // www .w3.org / TR / xhtml11 / DTD / xhtml11.dtd "> gt; & gt; / head & gt; LT; body & gt; div id = "Page Container" & gt; & lt; a href = "http://portal.thesit.com" id = "toSite">
Comments
Post a Comment