SitePoint Sponsor

User Tag List

Results 1 to 7 of 7
  1. #1
    Non-Member
    Join Date
    Apr 2002
    Posts
    65
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Something Wrong?

    I cannot see anything wrong with my site (IE6, 800x600) but a few people (one of them was IE5, res unknown) have said that the words are all jumbled at the top. It looks like they are spaced out as normal to me. Can anybody see if there is something wrong in my CSS that is making the words all jumble at the top in other browsers?

    Page here- http://www.rowz.net/frontpage.htm
    CSS here http://www.rowz.net/for_frontpage.css

    Maybe it is an IE5 problem. They keep describing the text as all being bunched up at the top and unreadable, but on mine it is fine.

    Does anyone know if it is the css, or an IE5 problem?

    Paula

  2. #2
    SitePoint Addict jodmcc's Avatar
    Join Date
    Dec 2003
    Location
    Houston, Texas
    Posts
    227
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Paula,

    I have looked at the page in IE 5.2 Mac and I don't see any type screwing up. Don't know what you would need to do to fix, but I've attached a screenshot.

    John
    Attached Images Attached Images

  3. #3
    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 Paula,

    Just checked your page in ie5 pc and the words are all jumbled up on top of each other.

    The problem is and ie5 specific bug and has to do with the child selector. When you leave a gap between the elements and the child selector e.g.(html > body {background:red} ) then ie5 (not ie5.5 or 6) reads the last definition and the style following it. So you get a red background in ie5 ( ie5.5. and ie6 who also don't understand the child selector ignore the whole thing).

    The solution is to take out the spaces (html>body).

    Therefore the code you need to change is as follows:
    Code:
    #Content>p { 
    position : absolute; 
    margin : 0;} 
    #Content>p+p { 
    position : absolute; 
    text-indent : 30px;}
    They must be exactly as above with no spaces (even between the p+p).

    I'm not sure what that #content is doing there anyway as you have no id of content on your page !

    Remember that ie doesn't understand child selectors or adjacent selectors.

    Hope that helps

    Paul

  4. #4
    Non-Member
    Join Date
    Apr 2002
    Posts
    65
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Whoooo, Paul, you're great! That code was from my previous template, which is a mish-mash (I'm still getting to grips with CSS).

    Thanks Paul!

    Paula

  5. #5
    Non-Member
    Join Date
    Apr 2002
    Posts
    65
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I've re-loaded it and was wondering if you or anyone else could give it a quick look to see if it's okay?

    I did it exactly as you showed me, with no spaces.

    ps thanks John, I'm glad that I can tick off IE 5.2 off my list on browser checks!

    Paula

  6. #6
    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)
    Yes it looks fine in my ie5 now

  7. #7
    Non-Member
    Join Date
    Apr 2002
    Posts
    65
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Brill, Brill, Brill! Thanks Paul. So pleased, I was stressed thinking I had a big re-shuffle on my hands!

    Paula


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
  •