Divy - problem Opcje

[Balas]

Mam kod :

[HTML] pobierz, plaintext 
<div id="container">
 
<div id="logo">logo</div>
 
<div id="menu">cos </div>
<div id="tresc">cos 2  </div>
 
<div id="stopka">cos 3 ;D </div>
</div>
[HTML] pobierz, plaintext 

A tu CSS:

Kod

#container {
  border: 1px solid #d5d5d5;
  background-color: #01a568;
  padding: 1px;
  width: 500px;
  float: left;
  margin: auto;
}

#logo {
  background-color: #ffffff;
  text-align: left;
  margin-bottom: 1px;
  float: left;
  width: 496px;
}

#menu {
  background-color: #ffffff;
  border-top: 1px solid #d5d5d5;
  float: left;
  width: 200px;
}

#tresc {
  background-color: #ffffff;
  border-top: 1px solid #d5d5d5;
  border-left: 1px solid #d5d5d5;
  float: right;
  width: 295px;
}

#stopka {
  background-color: #ffffff;
  border-top: 1px solid #d5d5d5;
  float: right;
  width: 496px;
  margin-top: 1px;
}

Otoz problemy przyspaza mi ustawienie tego po srodku oraz nie wiem jak zrobic, aby DIV menu sie rozciagal na ta sama dlugosc co tresc. Ma ktos jakies pomysly

I jeszcze jedno... o ile ten kod dobrze dziala pod IE to w FF sie rozsypuja szerokosci, gdy zrobie pod FF to w IE sie rozjezdza :/

Ten post edytował OnE.Killer 5.02.2006, 14:48:05

[Zajec]

Maniacy semantycznego kodu oszczędzają na każdym jednym zaczniku ;-)

Kod

body {
background-color: #ffffff;
text-align: center;
}

#container {
margin: 0 auto;
border: 1px solid #d5d5d5;
background-color: #01a568;
padding: 1px;
width: 500px;
text-align: center;
}

Kod

html {
background-color: #fff;
}

body {
margin: 0 auto;
width: 500px;
padding: 1px;
border: 1px solid #d5d5d5;
background-color: #01a568;
text-align: center;
}