[css] Gdzie tkwi błąd?

[lifegoeson]

Układ strony: cała wyśrodkowana, na górze obrazek header.jpg, pod spodem tło bg.jpg i na nim dwie kolumny treści strony. A jeszcze w tle tlo.jpg

I teraz tak. W Firefoxie mi się wszystko dobrze pokazuje, tylko nie widać bg.jpg czyli tła które jest w #page - ma się ono pionowo potwarzać przez całą wysokość strony i ma być na szerokość 734 i wyśrodkowane. Obecnie jest float: left i się pokazuje po lewej stronie, ale jak to wyśrodkować ? Nie ma chyba czegoś takiego jak float: center, prawda ? )

Kod: Zaznacz cały

html, body { background-color: #000000;
        background-image: url("images/tlo.jpg");
        background-repeat: repeat-x;
	margin: 0px auto;
        padding: 0;
        text-align: justify;
        color:#FFFFFF;
        font-family: verdana, trebuchet, arial;
        font-size:8pt;
        font-weight: normal; }

#header { 
	width: 734px;
        height: 422px;
        background-image: url("images/head.jpg");
        background-repeat: no-repeat;
        margin: 0 auto;
}

#page {
	width: 734px;
        margin: 0 auto;
	background-image: url(images/bg.jpg);
        background-repeat: repeat-y;
}

#main {
	width: 650px;
        margin: 0 auto;
}
#right {
	width: 300px;
	float: left;
}
#left {
	float: right;
	width: 300px;
}

#footer {
	width: 734px;
	margin: 0px auto;
	padding: 3px 0px;
	height: 50px;
	background: #EEEEEE;
}

#footer p {
	margin: 0px;
	padding-top: 15px;
	text-align: center;
	font-size: 11px;
	color: #999999;
}

	
A:link {background: #FF8000; text-decoration: none}

A:visited {background: #FF8000; text-decoration: none}

A:active {text-decoration: none}

A:hover {text-decoration: underline; color: FF8000;}

I kod html:

Kod: Zaznacz cały

<body>
<div id="page">
<div id="header"></div>
<div id="main">
<div id="left">
LEWA KOLUMNA
</div>
<div id="right">
PRAWA KOLUMNA
</div>
</div>
</div>
<div id="footer"><h4>Footer</h4></div>

[I.L.O.]

to wyśrodkować ? Nie ma chyba czegoś takiego jak float: center, prawda ?

prawda, nie ma czegos takiego

twoje problemy wynikaja z tego ze niektóre elementy ciagle do siebie przylegają, użyj:

Kod: Zaznacz cały

clear: both

dla elementów które chcesz by były pod spodem innych