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
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;}
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
<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>
<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>