Grow your CSS skills. Land your dream job.

firefox, ie

  • # June 7, 2009 at 1:06 pm

    hi there, i am working on gsm-carpentry.co.uk/index.php and having trouble aligning my header on the left column.

    on ie6, it aligns how i want it, however in firefox on a mac, it is giving me an extra space at the top.

    the css i am using for the column is as follows:

    width:300px;
    padding:0 20px;
    float:left;

    many thanks in advance

    # June 7, 2009 at 6:09 pm

    It’s actually not being pushed down, it’s just that the h1 has top and bottom padding:

    <h1 class="gsm">Welcome to GSM Carpentry</h1>

    # June 19, 2009 at 8:14 am

    Hi Friend Just try this

    in your layout.css line no:50 you just modify like below which i given

    h1, h2 {
    color:#FFFFFF;
    margin:0;
    padding:0;
    text-align:left;
    }

    # June 19, 2009 at 8:18 am

    and u need exactly need to move that "Welcome to GSM Carpentry" caption alone just try this…

    in you layout.css line no:93

    h1.gsm {
    font-family:Arial,Helvetica,sans-serif;
    font-size:200%;
    margin:0;
    padding:0;
    text-align:left;
    }

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

You must be logged in to reply to this topic.

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