[css][div] problem w tlem Opcje

[skowron-line]

mam problem z tlem diva mam
css

[HTML] pobierz, plaintext 
#container {
	width:800px;
	margin:auto;
	background-color:white;
	border:4px solid green;
}
[HTML] pobierz, plaintext 

i niewiem dlaczego skoro wszystko jest wewnatrz diva to w FF jest on tylko rozciagniety na top a w IE jest ok
zielonym zaznaczylem na fotach o co mi chodzi? co zrobic zeby container obejmowal wszystko i wypelnial puste miejsca tlem ktore ustawilem?

ff
IE

[Kill3R]

witam

dla stopki daj

clear: both;

[skowron-line]

dalem ale nie pomoglo.
aczkolwiek kiedy wstawilem do containera position:absolute; to jest oka ale nie jest wysrodkowane tylko z lewej strony

[Kill3R]

hmm

nie wiem jak masz zbudowany ulad pudelek

jesli tak:

[HTML] pobierz, plaintext 
<div id="glowny">
<div id="naglowek">naglowek</div>
<div id="lewy">lewy</div>
<div id="prawy">prawy</div>
<div id="naglowek">stopka</div>
</div>
[HTML] pobierz, plaintext 

jesli tak to bialy kolor tla ustawiasz w divie głównym

a w stopce dajesz clear: both;

[skowron-line]

[HTML] pobierz, plaintext 
<div id="container">
      <div id="top"></div>
       <div id="list"></div>
     <div id="left"></div>
     <div id="right"></div>
     <div id="fotter"></div>
</div>
[HTML] pobierz, plaintext 

no i mam tak jak yzej pokazalem

[HTML] pobierz, plaintext 
#container {
	width:800px;
	margin:auto;
	background-color:white;
}
[HTML] pobierz, plaintext 

tlo jest ustawione w containerze ale jak np lewy div bedzie wiekszy a prawy mniejszy to nie wypelni go tlem z containera tylko tlem z body

Ten post edytował skowron-line 25.09.2006, 13:50:51

[Kill3R]

no jesli footer dostanie clear: both; to wypełni ci białym tłem kontenera

clear: both ustawi ci położenie nowego paragrafu od nowej linii i rozsciagnie contener od naglowka do stopki więc będzie tło białe od nagłówka do stopki

[skowron-line]

edit:

ok juz dziala niepotrzebnie ustawione bylo float

Ten post edytował skowron-line 25.09.2006, 13:59:34

[Zajec]

Na przyszłość: elementy floatowane nie zwiększają wysokości rodzica. Chyba, że nadasz rodzicowi (w tym przypadku #container) coś takiego:

Kod

overflow: auto

albo

Kod

#container:after { display: block; content: ""; clear: both; }

[skowron-line]

o dziekuje bede pamietal na przyszlosc