homepage Welcome to WebmasterWorld Guest from 54.211.219.20
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Pubcon Platinum Sponsor 2014
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: not2easy

CSS Forum

    
Crossbrowser Woes, help needed!
Gert_Jan

10+ Year Member



 
Msg#: 5630 posted 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.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved