WordPress.org

Ready to get started?Download WordPress

Forums

browser, css issues (7 posts)

  1. Mosonny
    Member
    Posted 7 years ago #

    Could someone take a look at my blog Unhingedhospital.com and tell me how to resolve CSS issues I apparently have? I can't get the broser to fit into Firefox or IE6...it's too wide, but I can't figure out how to fix it in either or both!

    Any criticisms, help appreciated.

  2. vavroom
    Member
    Posted 7 years ago #

    First thing you want to do is to validate your code against the W3C's (x)html validator. there's a few validation errors that may throw off your entire design. No point in trying to fix your css if the html code it's been applied to is buggy.

    For instance, in your header, you have an unclosed closing span tag...

    Then, you may want to look at the relationship between your divs and your tables, and how you've assigned widths.

    One possible problem is that your #wrapper div is set to 98% wide, with 10px margins and 1px borders. This means that you have you have 11px on each side, representing 1% on each side of available space. If your monitor resolution is anything less than 1100px wide (don't forget the scrollbars), you're likely to force horizontal scrolling.

    If within that div you have things set at 100%, adding fixed margins and padding will also likely wreck havock.

    FWIW, I'd also set the font sizes in EM or percentages rather than px, as that's hard to resize for your visitors.

    hope this helps

  3. vkaryl
    Member
    Posted 7 years ago #

    As well, there are a lot of sites out there which can almost act as "css mentors" - input into google "css tutorials" and try a few of the top links.

  4. Mosonny
    Member
    Posted 7 years ago #

    THANKS to both.

    I will go through all those suggestions and work through it.

    I very much appreciate the input

  5. mihu
    Member
    Posted 7 years ago #

    I am not sure what's exactly wrong.
    I am gussing maybe it's becasue of your banner background image is reapted or ... too much bug.

    one suggestion ..

    background:url("personalheader.jpg") no-repeat;

    reference: http://www.htmldog.com/guides/cssintermediate/backgroundimages/

  6. donnielam
    Member
    Posted 7 years ago #

    Hello all,

    I'm having a similar problem with my site on IE when the screen resolution is 1024x768. Anything wider seems ok. Firefox has no issues.

    The content is pushed down the page and I can't seem to figure out why its doing that. I have backf=ground image set to no repeat but still no joy. Damn IE!

    My Digg icon (.png) on the bottom of each post is also not showing up at all in IE.

    Can any of you pros help???

    URL: http://www.accure.com.au/carpark

    Thnx heeps

  7. vavroom
    Member
    Posted 7 years ago #

    donnie: Google css box model. it'll tell you why it's happening in IE

Topic Closed

This topic has been closed to new replies.

About this Topic