Divy - problem Opcje

[Balas]

Mam kod :

[HTML] pobierz, plaintext 
<div id="container">
 
<div id="logo">logo</div>
 
<div id="menu">cos (IMG:http://forum.php.pl/style_emoticons/default/biggrin.gif) </div>
<div id="tresc">cos 2 (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif)  </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 (IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif) (IMG:http://forum.php.pl/style_emoticons/default/snitch.gif)

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

[ens0re]

Kod

* {
margin: 0;
padding: 0;
border: 0;
}

body {
background-color: #fff;
margin: 0;
padding: 0;
margin: 0 auto;
}

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

#logo {
background-color: #ffffff;
text-align: left;
margin-bottom: 1px;
width: 496px;
height: XXpx; //zamiast XX jakas wartosc
}

#menu {
background-color: #ffffff;
border-top: 1px solid #d5d5d5;
float: left;
width: 200px;
height: auto; //albo sproboj 100%
}

#tresc {
background-color: #ffffff;
border-top: 1px solid #d5d5d5;
border-left: 1px solid #d5d5d5;
float: right;
width: 295px;
height: auto; // albo 100%
}

#stopka {
background-color: #ffffff;
border-top: 1px solid #d5d5d5;
clear: both;
width: 496px;
height: XXpx; // tutaj zamiast XX tez dajesz jakas wartosc
margin-top: 1px;
}

Zobacz teraz jak jest..

Ten post edytował ens0re 5.02.2006, 14:59:36