SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Enthusiast
    Join Date
    Jul 2003
    Location
    Nottingham UK
    Posts
    87
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    strange css problem

    i have a css based table-less design which looks and acts find in both ie and firefox, but i have encountered a strange problem.

    The site is split into 3 main divs, header, content and footer. The content contains 2 other divs, one floated left, the other right.

    I have found when the page is set as my ie homepage, the whole content div floats right up to the left hand side when i load my browser up. The header and footer divs stay where they are supposed to be fine. The strange thing is, when i refresh the page everything works fine. It also looks fine in firefox even when set as homepage.

    anyone heard of such an ie bug or has anyone else experienced this?

    Its got to be something to do with the floats but any fixes?

    cheers

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

    I'd need to see your code (or preferably a link) to pinpoint the problem but it's likely to be the usual ie "layout" behaviour (bug) or a position:relative fix. Do you have any element containers that have not been assigned dimensions or have had their size determined by margins. If so the you may need the height:1% fix to cure it.

    If you post a link (or code) then I'm sure we can fix it for you

  3. #3
    SitePoint Enthusiast
    Join Date
    Jul 2003
    Location
    Nottingham UK
    Posts
    87
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks for your help paul

    The site in question is here here.

    You'll have to set your ie homepage to that url to see the problem. The strange thing is that it never happens at any other time except when it is set as the ie homepage...

    I've been fiddling round with it all afternoon with no luck and its starting to stress me out!!

    Thanks again.

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

    Try this and see if it makes a difference:

    Code:
    body {
    padding: 0;
    margin:0;
    font-family: arial, verdana, sans-serif;
    font-size: 12px;
    background: #e2e2ec;
    text-align:center
    }
    #wrapper{
    width: 660px;
    margin:0 auto;
    text-align:left;
    }
    Then wrap the wrapper all around the page as follows.
    Code:
    <div id="wrapper"> 
    <div id="seo">Emend.it are providers of IT Services and Solutions including 
    	IT Support, consultation, Physical security and web based software solutions 
    	based in Nottingham.</div>
     
    rest of content etc...........
    ...............
    </div><!-- closing div of wrapper -->
    </body>
    </html>
    let me know if it doesn't work as obviously I can't test this without uploading everything as a home page

  5. #5
    SitePoint Enthusiast
    Join Date
    Jul 2003
    Location
    Nottingham UK
    Posts
    87
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    why didnt i think of that?!

    you sir are a genious - i am so grateful

    thanks!!


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
  •