homepage Welcome to WebmasterWorld Guest from 54.205.160.82
register, free tools, login, search, subscribe, help, library, announcements, recent posts, open posts,
Subscribe to WebmasterWorld

Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: DrDoc

CSS Forum

    
Crossbrowser Woes, help needed!
Gert_Jan




msg:1186534
 3:10 pm on Feb 6, 2005 (gmt 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]

 

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About
© Webmaster World 1996-2014 all rights reserved