SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Member
    Join Date
    Nov 2007
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    page layout dont show correctly in IE browsers

    Hi All

    I hope one of you can help me with a little problem i have. My problem is that my page shows with a little gap between the #header and the #navigation in IE. In opera and firefox the page shows correctly. I have a example of my css code below and have attached a screendump from the IE,opera and firefox browser.Hope somebody can help me.


    * { padding: 0; margin: 0; }body { font-family: Arial, Helvetica, sans-serif; font-size: 13px; text-align: center;}#wrapper { margin: 0 auto; width: 666px; <strong>text-align: left;</strong>}#header { width: 666px; color: #333; border: 0px solid #ccc; height: 90px; background-color: E9DFB9; background-repeat: no-repeat; background-position: center; margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; background-image: url(beachinterface5.jpg);}#navigation { width: 666px; color: #333; padding: 0px; border: 0px solid #ccc; height: 150px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; background-color: #ffffff;}#content { width: 666px; color: #333; border: 0px solid #ccc; padding: 0px; height: 36px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; background-color: #ffffff;}#footer { width: 666px; color: #333; border: 0px solid #ccc; padding: 0px; height: 700px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; background-color: #ffffff; background-image: url(beachinterface2.jpg); background-repeat: no-repeat;}
    Attached Images Attached Images

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,484
    Mentioned
    182 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    I can't really tell without seeing the page and html etc. Those attachments were too small for me to see anything either .

    If you have an image in your header then try setting the image to display:block. (#header img {display:block})

    What's this code supposed to be.
    Code:
    #wrapper { margin: 0 auto; width: 666px; <strong>text-align: left;</strong>}
    That's not CSS


Bookmarks

Posting Permissions

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