homepage Welcome to WebmasterWorld Guest from
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!

 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