SitePoint Sponsor

User Tag List

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

    IE issus with CSS, div not aligning

    Hey everyone,

    Quick issue... constant-hosting.com/testing.htm is not aligning correctly, the last section of divs (news/test/domain reg)

    Works great on every other browser and on the mac too, tried looking for an IE css hack but not sure which one to use for this issue.

    Any suggestions?

    css file is constant-hosting.com/main.css

    Thanks,
    Danny

  2. #2
    SitePoint Guru alecrust's Avatar
    Join Date
    Jun 2007
    Location
    London, UK
    Posts
    728
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Your CSS file is there, but I get a 404 Not Found error with http://www.constant-hosting.com/testing.htm

    Also, can you make your links clickable next time please. Makes it easier for everyone.
    Honda Civic Forum - UK Civic Forum
    Web Host Reviews - Independent, honest host reviews
    My Portfolio - Simplicity is the ultimate sophistication

  3. #3
    SitePoint Zealot
    Join Date
    Jun 2008
    Location
    Australia
    Posts
    164
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    To fix up only IE5.x, use the following CSS commands:

    div {
    margin: 5em;
    padding: 4em;
    border: 1em solid green;
    width/**/:/**/ 40em;
    width: 30em
    }

    To fix up all versions of IE, use these CSS commands:

    div {
    margin: 5em;
    padding: 4em;
    border: 1em solid green;
    width: 40em
    }
    html>body div {
    width: 30em
    }

  4. #4
    SitePoint Member
    Join Date
    Jun 2008
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    the file was html sorry for the confusion. I fixed it last night, probably before you viewed the thread. I had to use the following code inbetween div sections:

    Code:
     <div style="clear: both; width: 100%; height: 0; line-height: 0;
    font-size: 0;">&nbsp;</div>
    I also aligned the divs so they look better now,

    Thanks
    Danny


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
  •