SitePoint Sponsor

User Tag List

Results 1 to 9 of 9
  1. #1
    SitePoint Wizard mark_W's Avatar
    Join Date
    Mar 2004
    Location
    West Midlands, United Kingdom
    Posts
    2,631
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Firefox & Opera Issues

    Hi Everyone,

    I have decided to integrate some css into my site.

    And all is fine in IE but not Opera or Firefox.

    My news articles display with text indentations on every other line of text.

    You can view it Here

    Thanks

  2. #2
    SitePoint Wizard silver trophy KLB's Avatar
    Join Date
    Nov 2003
    Location
    Maine USA
    Posts
    3,781
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I couldn't access your site. Are you sure you entered the domain correctly?
    Ken Barbalace: EnvironmentalChemistry.com (Blog, Careers)
    InternetSAR.org
    Volunteers Assist Search and Rescue via Internet
    My Firefox Theme: Classic Compact
    Based onFirefox's default theme but uses much less window space

  3. #3
    SitePoint Wizard mark_W's Avatar
    Join Date
    Mar 2004
    Location
    West Midlands, United Kingdom
    Posts
    2,631
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Damn, it appears to be down at the moment, Ill pop a quick post when its back up.

  4. #4
    SitePoint Zealot Hulkur's Avatar
    Join Date
    Oct 2001
    Location
    Estonia
    Posts
    141
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    CSS:
    #Content>p+p {text-indent:30px;}

    HTML:
    <div id="Content"><p> ... heading ... <P>I have to ...

    your blog post is one <p> and all lines are separate inner <p> - so text-indent applies.
    (2B) or (not 2B) = FF

  5. #5
    SitePoint Wizard mark_W's Avatar
    Join Date
    Mar 2004
    Location
    West Midlands, United Kingdom
    Posts
    2,631
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    How can I change that then Hulker, will it still work ok in IE?

  6. #6
    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)
    #Content>p+p {text-indent:30px;}
    IE doesn't understand any of that so it will make no difference to ie at all.

    If you don't want indented paragraphs in good browsers then leave it out. However I assume it was there for effect.

    Paul

  7. #7
    SitePoint Wizard mark_W's Avatar
    Join Date
    Mar 2004
    Location
    West Midlands, United Kingdom
    Posts
    2,631
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Right, I managed to sort that to get it to display how i want, thanks.

    Also could someone have a look why the boxes at the top of the page (in the header, are smaller in firefox &opera)

    Thanks

  8. #8
    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,

    Its because you have give them no height but only 10px padding which will make them only 20px high.


    Ie won't render n element less that the current forn'size line-height (unless you use overflow hidden) which is why the elements are at 37px in ie.

    Just give the other browsers a height of 17px and it should be ok.

    Be careful of all your box model hacks beacuse you are working in quirks mode (no doctype) and ie6 will use the brojken box model so it will read the voice family hack but still apply the broken box model.

    See the FAQ sticky thread for more info.

    Paul

  9. #9
    SitePoint Wizard mark_W's Avatar
    Join Date
    Mar 2004
    Location
    West Midlands, United Kingdom
    Posts
    2,631
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks a lot Paul.


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
  •