Browser compatibility and css issues

slashjack

slashjack

slashjack

Associate
Joined
14 Oct 2011
Posts
21
Okay, first of all i just want to rant at how bloody ANNOYING browser compatibility is, i mean would it really be THAT hard for a standard, thats not crap? You do one thing and get everything working great, then boom its looks aweful on another res or another brow. EVERYONE JUST USE CHROME MAKES SO MUCH SENSE! RAWRRRRRR

Okay. Im Done.

Now, straight to the point.
Im struggling to understand why when i put code in line its working perfectly, but when i put the code in the stylesheet it doesnt work, ie, the footer bg and everything disapears and all i see is the text.

Is this something straight forward or is it one of those horrible times where something is over riding it in the stylesheet?

Thanks in advance folks.
 
Yeah the link is def there, but i understand why you would say that. Ive looked doezens of time. Its there. It is. Yep. okay.

The code is

Code: 
.footer {
    height: 41px;
    width: 895px;
    position: relative;
    margin-top: 20px;
    bottom: 0px;
    border: solid #fff 1px;
    background-color: #0099ff;
    -moz-border-radius-topright: 25px;
    -webkit-border-top-right-radius: 25px;
    -moz-border-radius-topleft: 25px;
    -webkit-border-top-left-radius: 25px;
    text-align: center;
    color: #fff;
    line-height: 41px;
}

Now that works fine when in line, but as it is in CSS it doesnt work.
The code in the HTML page is this


Code: 
<p class="footer">Alex Robertson</p>

Im bewildered...
 
You must log in or register to reply here.
Back
Top Bottom