css layout help

Sp00n · 22 Sep 2006 at 19:06

http://tai.sp00ny.co.uk/test/index.htm

The content div wraps fine in IE but it doesnt in firefox, does anyone know how to sort it out?

css:

Code:

#content {
		background:#fff;
		   width:730px;
		   margin:0 auto 0;
		   border:0px solid #fff;
		   position:relative;
		   padding: 10px;
		   }

height:100%; or in px doesnt seem to make any difference :/

Sp00n · 22 Sep 2006 at 19:20

I love you guys

Sp00n · 22 Sep 2006 at 19:46

Now in firefox, the home page and the about page jump from side to side, what have i missed?

My stylesheet

Code:

/* p 		{
		padding: 0;
		margin: 0
		}
*/

#header {
		background:#fff;
		   width:750px;
		   margin:2px auto 0;
		   position:relative; 
		   } 
body 	{ text-align: center; }

/* #menu	{
		padding: 10px;
		margin: 10px
		}
*/
		
		
#content {
		background:#fff;
		   width:730px;
		   margin:0 auto 0;
		   border:0px solid #fff;
		   position:relative;
		   padding: 10px;
		   min-height; 200px;
		   overflow: auto;
		   }
			
body 	{
		background-image: url(bg_tile.jpg);
		/* margin:5; */
		text-align: left;
		}

.style1 {
		font-family: Verdana;
		font-size: 10px;
		color: #FFFFFF;
		}
		
.style2 {
		font-family: Verdana;
		font-size: 10px;
		color: #545454;
		text-align: left
		}

.class1	a:link {color: #545454}
.class1 a:visited {color: #545454}
.class1 a:hover {color: #fff}
.class1 a:active {color: #fff}

Sp00n · 22 Sep 2006 at 20:06

Yea i was just doing some testing, worked better without the styling. I've set the margin to 0.

Can i force ff to show the scrollbar?

/edit done it, added html { min-height: 100%; margin-bottom: 1px; } to the style sheet