Jump to content

Resizing in Firefox Br


Ryan

Recommended Posts

I'm just beginning and I'm having troubles understanding this whole division thing. Anyways, it won't show up in IE and it resizes in firefox when I make the browser window smaller.I would like to make a header, navigation div below it, 3 colums underneath that and a footer at the bottom. Website:http://rterry.sasktelwebsite.net/CSS Code

body {  background: #CCCCCC;  font-family: arial, 'lucida console', sans-serif">}#header{  width: 60%;  margin: auto;  padding: 20px;  border: 1px solid #666;  background: #faebd7;}#navigation{  width: 60%;  height:10px;  margin: auto;  padding: 20px;  border: 1px solid #666;  background: #faebd7;} #left{  width: 10%;  min-height: 400px;  margin: auto;  padding: 20px;  border: 1px solid #666;  background: #faebd7;  float: left;} #content{  width: 60%;  min-height: 400px;  margin: auto;  padding: 20px;  border: 1px solid #666;  background: #faebd7;}

HTML Code:

</html><head><title>Cosmic Spice<title><link rel="stylesheet" type="text/css"href="style.css" /></head><body><div id="header"><img src="logo.jpg"></div><div id="navigation">Navigation</div><div id="left">Left</div><div id="right">Right</div><div id="content">Content</div><div id="footer">Footer</div><body></html>

Link to comment
Share on other sites

You need to specify the height of each division, and if you're concerned about it extending over a certain amount, you need to add an overflow specification. This is in IE, it looks great in firefox.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...