2 replies [Last post]
mrwicked
Offline
Regular
Last seen: 10 years 8 weeks ago
Timezone: GMT-8
Joined: 2005-12-23
Posts: 49
Points: 4

before I start the site I am talking about is at

http://dopserv1.com/hosted/army/

If you look at it in fire fox, you can see the black underneath the menu..thats the body background color. If you look at it in IE, you see #353535 ( the grey is my wrapper bg color ) which is what I want. How can I make it show up in fire fox?

Here is my layout css:

body {
margin: 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
background-color: #000;
color: #f1f1f1;
}
#wrapper {
width: 800px;
background-color:#353535;
}
#banner {
width: 800px;
height: 150px;
background-color:#FF0000;
}
#banfoot {
width: 800px;
height: 25px;
background-color:#fff;
}
#content {
padding: 5px;
float: right;
width: 630px;
line-height: 1.4em;
text-align:justify;
background-color:#353535;
}
#menu {
float: left;
width: 160px;
background-color:#353535;
}
#footer {
border-top: 2px solid #444;
float: left;
width: 800px;
height: 25px;
background-color:#ccc;
}

and my html

<?php
include 'connect.php';
?>

Untitled Document

@import "style.css";

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Nullam gravida dignissim pede. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque aliquet tempus turpis. Curabitur sem dolor, malesuada sed, nonummy a, luctus vitae, magna. In lacinia. Suspendisse potenti. Praesent cursus ipsum in ipsum. Donec at ante rutrum nulla porta hendrerit. Vestibulum et urna in mauris egestas mattis. Aenean eu nibh. Ut mi lorem, egestas in, tristique iaculis, porta non, turpis. Quisque ut enim sit amet lorem venenatis tincidunt.

Donec nisi mauris, luctus id, blandit in, volutpat ut, sem. Quisque sit amet lectus in urna varius accumsan. Fusce nec nisi quis erat blandit ultricies. Etiam sollicitudin. Pellentesque sed mauris. In facilisis ante. Fusce ante lorem, sagittis ut, varius vitae, lobortis non, mauris. Fusce pulvinar. Suspendisse arcu ligula, nonummy non, ultrices sit amet, semper id, eros. Pellentesque libero lectus, fermentum non, rhoncus a, varius ac, libero. Nullam cursus elementum nisi. Nam eu lectus et velit dictum feugiat. Vivamus vitae massa. Nunc pulvinar posuere arcu. Fusce egestas sollicitudin libero. Praesent tincidunt, ligula eu blandit laoreet, libero neque fermentum ipsum, eget faucibus odio augue nec diam. Nunc tincidunt, purus eget rhoncus luctus, odio purus semper erat, ut rutrum pede nulla sit amet velit.

Sed fringilla posuere purus. Nullam a dolor. Etiam fermentum nunc at arcu. Sed egestas malesuada justo. Proin velit lacus, consequat nec, pretium in, ornare non, lorem. Sed sodales magna sed nulla. Vestibulum nibh purus, tristique lacinia, dictum sit amet, dictum nec, leo. Aenean id libero a sem dapibus molestie. Vivamus quam. Nam arcu orci, viverra sit amet, sagittis id, condimentum non, nisl. Quisque varius, arcu et vestibulum rhoncus, diam turpis iaculis dui, ac euismod purus quam sit amet lorem. Nam feugiat, tellus ac vestibulum accumsan, velit purus mollis justo, sit amet hendrerit risus nisi laoreet lectus. Quisque egestas sollicitudin ipsum. In nec lacus auctor lorem facilisis sagittis. Donec sed felis. Sed eget orci. Maecenas eget nisi non ligula sodales gravida. Suspendisse magna nisi, ullamcorper vitae, consequat id, tempus sit amet, dui.

Maecenas in lacus. Curabitur lacus enim, vehicula quis, feugiat eget, porttitor vitae, dolor. Donec rutrum augue nec sapien. Quisque eu est non mi varius venenatis. Proin varius leo sed est. Mauris nunc tellus, rhoncus in, mattis quis, cursus eget, arcu. Integer enim justo, nonummy vitae, pharetra tempor, consequat at, ipsum. Praesent vitae est dignissim ligula mattis luctus. Sed eget diam. Curabitur a mauris. Mauris lacus dui, fringilla sit amet, porttitor vitae, vulputate eget, est. Duis diam quam, iaculis sed, nonummy sit amet, congue eget, erat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur in nisl. Nulla facilisi. Sed molestie, velit vel porta rhoncus, ligula metus pretium nibh, et ullamcorper ligula justo nec velit. Vestibulum sollicitudin lectus.

Nunc volutpat pede vel nunc. Suspendisse potenti. Nulla ligula. Nam quam magna, molestie ac, commodo nec, lacinia et, felis. Cras malesuada aliquet leo. Nam aliquam posuere pede. Etiam justo ipsum, suscipit sit amet, fringilla vitae, dignissim accumsan, dolor. Morbi nec orci non lacus tincidunt volutpat. In commodo pretium lacus. Quisque semper. Morbi at felis. Aenean purus erat, placerat vitae, congue in, commodo non, eros. In at urna sit amet quam varius sodales. Integer convallis leo sit amet turpis. Donec tincidunt est vitae nisl.

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 12 hours 42 min ago
Dallas
Timezone: GMT-5
Joined: 2004-06-25
Posts: 9754
Points: 3836

To #wrapper, add {overflow:

To #wrapper, add {overflow: hidden;}.

You didn't enclose your float elements.

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

mrwicked
Offline
Regular
Last seen: 10 years 8 weeks ago
Timezone: GMT-8
Joined: 2005-12-23
Posts: 49
Points: 4

thank you very much that

thank you very much that worked and that is a very helpful resource.