Grow your CSS skills. Land your dream job.

Simple fix?

  • # November 12, 2008 at 12:40 pm

    Hello so I am currently developing a new website and am having issues with a part of the layout in IE web browsers 5.0 through 7.0. The page is based on a table layout so I assume it has to do with a width problem I am not noticing… http://www.benavadesign.com/The1010Project/development/

    The left column seems to bump the right two columns over for some reason. Does someone know an easy fix to this problem? Thank you.

    # November 12, 2008 at 4:31 pm

    I don’t have a solution, but to start, I would take out the table and replace the table cells with divs. It looks like the left cell is stretching in IE for some reason. If you just used three divs floated left, and specified an exact width for each, that would probably fix it.

    # November 12, 2008 at 4:34 pm

    Ok this one took some time… Your h1 tag is the one with the problem.

    h1, h2, h3, h4, h5, h6 {
    color:#704A11;
    font-weight:normal;
    width:405px; This is no good :(
    }

    # November 12, 2008 at 4:47 pm
    "Jonz" wrote:
    Ok this one took some time… Your h1 tag is the one with the problem.

    h1, h2, h3, h4, h5, h6 {
    color:#704A11;
    font-weight:normal;
    width:405px; This is no good :(
    }

    i tried that in IE6 cause that was the one that stuck out, why have double code??? as in the OPs code, some have been doubled up.

    this however did not fix the solution in IE6

    strange, it has just taken a while to clear itself in IE6 it is now fine….

    # November 12, 2008 at 5:18 pm

    :lol: I’ve tried it my other computer seems to be work good

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".