Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Sep 2002
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Trying to get a 100% table to align hard right in IE 6.0

    My problem is that in IE 6.0 for some reason when the page first comes up the image in the top right of the corner of the page jumps about 5 pixels to the left. I have the graphic in a normal table at 100% and aligned right. This seems to be an alignment issue with IE.

    This is the address of the site I am working on.

    http://216.64.211.234/hancock2/main_site_map.htm

    If you do a view source you can see the table is set to 100% and the graphic is aligned to the right. Now the weird part is when you refresh, the image jumps back into the proper position, aligned hard right. Has anyone experienced this or know how to fix it, is this an error in the way my code is written.

    Another fix I tried was a javascript reload in the body tag so the page would reload as the browser was rendering the first part of the page so the user could not even tell that the page was reloading. That fixed the problem but causes errors on the page. To see this go to any of the other sections of the site per the nav bar. The sitemap section is the section I am experimenting with to see If I can correct it without the use of Javascript. If anyone knows how to fix this problem with plain HTML or a javascript reload that does not cause errors on the page would be greatly appreciated. Thank you

  • #2
    umm
    umm is offline
    Regular Coder
    Join Date
    Sep 2002
    Location
    Antipodes
    Posts
    106
    Thanks
    0
    Thanked 0 Times in 0 Posts
    First, try replacing your current <!DOCTYPE...> with this one and see how it goes.

    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    If that doesn't work, IE6 probably doesn't understand the margin attributes in the body tag. Use a style sheet to set your margins.
    Code:
    <style type="text/css">
    body{
    margin:0px;
    padding:0px;
    }
    </style>
    You can keep the leftmargin="0" etc for nn4. The page will not validate though (if you are into that).

    Opera's box model doesn't do margins on the body (in terms of the current exercise), it does padding. And technically Opera is probably right, considereing that one of the gentlemen who first developed CSS is one of the development officers at Opera.

    I'd do away with the location.reload() altogether. It tends to reset all the stuff (form info etc) and you really don't want a reload() occuring each time the user clicks the document.

    See how it goes anyway.
    Last edited by umm; 09-16-2002 at 07:58 AM.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •