From: Christopher <[EMAIL PROTECTED]>

>The gap is still there.
>http://www.walkfar.ca/test/productionsite7.html

Replace your CSS for that page with the following - you don't need the HTML 
comment in your embedded style sheet.

body {
        margin: 0px;
        padding: 0px;
        background: #006 url(backdrop.jpg) left bottom repeat-x;
        font-size: 100%;
}

#toplogo {
        height: 100px;
        background-image: url(header.png); /* this graphic does not appear to 
exist */
        background-repeat: no-repeat;
}

#topbar { 
        background-color: #000099;
        padding: 152px;
}

#aboutme { 
        background-color: #0099FF;
        width: 250px;
        height: 325px;
        padding: 0 50px 0 60px;
        margin-left: 50px;
        margin-top: 70px;
}

.aboutmeheader {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 18px;
        color: #000099;
        font-weight: bold;
        width: 200px;
        height: 45px;
        line-height: 110px;
        margin: 0 -12px -12px -34px;
}

.aboutmepara { /*In this area is the paragraph where I will have a summery 
about myself */
        left: 72px;
        width: 319px;
        padding: 15px 0 60px 42px;
        top: 538px;
        height: 236px;
        color: #000033;
        position: absolute;
        text-align: left;
        font-size: 16px;
        font-weight: normal;
        font-family: Georgia, "Times New Roman", Times, serif;
        line-height: 16px;
        margin: 0 -3px -12px -35px;
}

.csboldtext {
        font-weight: bold;
}

#flashbox {
        height: 410px;
        width: 430px;
        margin-left: 500px;
        margin-top: -325px;
        background-color: #0033CC;
        z-index: 3;
        position: relative;
}

#flashbarelements {
        height: 120px;
        margin-top: -50px;
        padding-top: -12px;
        z-index: 2;
        position: absolute;
        top: 4px;
}

.one {
        color: #0000FF;
}

.cstext {
        color: #FFFFFF;
}

#flashbarelementstwo {
        background-color: #00FFFF;
        height: 30px;
        margin-top: -28px;
        width: 430px;
        margin-right: 0px;
        margin-left: 500px;
        position: absolute;
        left: 0px;
        top: 881px;
}

p.one:first-letter {
        color:#FFFFFF;
        font-size:50px;
        float: left;
}

p.two:first-letter {
color:#FFFFFF;
font-size:50px;
float:left;
}

.cstext {
        color: #02023C;
}


For the elements you have /On That Page Right Now/ the above CSS should take 
care of the gap, and not disrupt much of anything else. Tested in some Firefox 
version, but not FF3.

~holly

please bottom post.  
 
                   
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to