Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Divy - problem
Balas
post
Post #1





Grupa: Zarejestrowani
Postów: 347
Pomógł: 0
Dołączył: 27.08.2005
Skąd: Inowrocław

Ostrzeżenie: (0%)
-----


Mam kod :
  1. <div id="container">
  2.  
  3. <div id="logo">logo</div>
  4.  
  5.  
  6. <div id="stopka">cos 3 ;D </div>
  7. </div>


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
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
ens0re
post
Post #2





Grupa: Zarejestrowani
Postów: 143
Pomógł: 0
Dołączył: 23.08.2005
Skąd: Warszawa

Ostrzeżenie: (0%)
-----


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
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 8.10.2025 - 21:40