Certered div displaying ~50px to the right.

liunx

Guest
I have made a web page, and the main contant div is being displayed ~50px to the right. I have no idea, it work in firefox, but not in IE.

I have checked my Padding and margins, my borders, and it should be displayed correctly.

Go Here (<!-- m --><a class="postlink" href="http://www.garthleahy.com/NPDA/index.html">http://www.garthleahy.com/NPDA/index.html</a><!-- m -->) for the web page.

It has no inbedded CSS yet, as I do that last.

Thanks for any help.

WofenHow to Center Elements with CSS (in IE5+/Win and other browsers) (<!-- m --><a class="postlink" href="http://www.dynamicsitesolutions.com/css/center_element/">http://www.dynamicsitesolutions.com/css/center_element/</a><!-- m -->)

You're using a lot of absolute and relative positioning. I suggest you use floats and margins instead.

<!-- m --><a class="postlink" href="http://css.maxdesign.com.au/floatutorial/index.htm">http://css.maxdesign.com.au/floatutorial/index.htm</a><!-- m -->
<!-- m --><a class="postlink" href="http://www.brunildo.org/test/#flo">http://www.brunildo.org/test/#flo</a><!-- m -->

<!-- m --><a class="postlink" href="http://www.csscreator.com/attributes/containedfloat.php">http://www.csscreator.com/attributes/containedfloat.php</a><!-- m -->
<!-- m --><a class="postlink" href="http://www.positioniseverything.net/easyclearing.html">http://www.positioniseverything.net/easyclearing.html</a><!-- m -->
<!-- m --><a class="postlink" href="http://www.quirksmode.org/css/clearing.html">http://www.quirksmode.org/css/clearing.html</a><!-- m -->
<!-- m --><a class="postlink" href="http://css-discuss.incutio.com/?page=ClearingSpace">http://css-discuss.incutio.com/?page=ClearingSpace</a><!-- m -->
 
Back
Top