Support » Requests and Feedback » browser, css issues

  • Could someone take a look at my blog 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.

Viewing 6 replies - 1 through 6 (of 6 total)
  • 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

    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.

    THANKS to both.

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

    I very much appreciate the input

    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;


    Hello all,

    I’m having a similar problem with my site on IE when the screen resolution is 1024×768. 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???


    Thnx heeps

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

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘browser, css issues’ is closed to new replies.