Welcome to WebmasterWorld Guest from 54.226.147.190

Forum Moderators: not2easy

Message Too Old, No Replies

Crossbrowser Woes, help needed!

     

Gert_Jan

3:10 pm on Feb 6, 2005 (gmt 0)

10+ Year Member



I am working on a new website.

If you look at the site in explorer is looks just fine. (aligned to the left, menu align correcty, text looks good and it runs all the way to the bottom.) But in FireFox all the points mentioned are incorrert. Could someone please help me out of the crossbrowser thing for one and for all, so i can apply it to future projects as well? Thanks a million.

Here is my CSS:

html, body {
text-align: right;
margin: 0;
height: 100%;
color: #999;
background: url(pics/tile.bmp);
font: 80%/1.7em Verdana, Arial, Helvetica, sans-serif;
}
#titel {
height: 25px;
padding-right: 624px;
background: #666;
}
#container {
width: 750px;
left: auto;
right: auto;
background-image: url(pics/content_back.gif);
background-repeat: repeat-y;
\width: 770px;
w\idth: 750px;
height: 100%;
}
#banner {
padding: 0;
margin-bottom: 0;
background: rgb(213, 219, 225);
}
#content {
padding-left: 5px;
margin-right: 250px;
margin-left: 8px;
height: 100%;
text-align: left;
padding-right: 5px;
padding-top: 5px;
}
#sidebar-a {
float: right;
width: 250px;
\width: 250px;
w\idth: 250px;
margin-right: 15px;
margin-left: -3px;
padding-right: 3px;
height: 100%;
}
#navbar {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 110%;
font-weight: bold;
text-align: left;
font-weight: bold;
padding-top: 0px;
}
#navbar a:link, #navbar a:visited {
color: #ffffff;
text-decoration: none;
margin-top: 4px;
margin-left: 0px;
margin-bottom: 0px;
margin-right: 10px;
padding-bottom: 2px;
padding-left: 5px;
display: block;
}
#navbar a:hover, #navbar a.current {
text-decoration: none;
color: #666666;
background-color: #FFFFFF;

}
#footer {
clear: both;
padding: 0;
margin-top: 0;
background: white;
}
h1 {
color: #AAD121;
text-decoration: none;
letter-spacing: -0.15em;
font-family: Arial, Helvetica, sans-serif;
font-size: 140%;
}
.h1_tweedewoord {
color: #666;
}

<No site specifics, thanks. See TOS #13 [WebmasterWorld.com]>

[edited by: SuzyUK at 12:33 pm (utc) on Feb. 8, 2005]

 

Featured Threads

Hot Threads This Week

Hot Threads This Month