Welcome to WebmasterWorld Guest from 3.80.38.5

Forum Moderators: not2easy

Message Too Old, No Replies

Crossbrowser Woes, help needed!

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

Junior Member

10+ Year Member

joined:Oct 9, 2003
posts:96
votes: 0


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]

 

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members