(DIV, CSS) Menu się nie rozciąga do tresci. Opcje

[gandziorz]

Witam,
Mam taki mały problem z divami.

Mam 3 divy.

[HTML] pobierz, plaintext 
<div class="site">
<div class="menu">Tutaj moje menu</div>
<div class="srodek">Tutaj moj srodek a w nim tresc</div>
</div>
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
.site {
	margin:auto;
	width: 807px;
	height: auto;
	overflow:auto;
}
.menu {
background-color: #F0F0F0;
float: left;
width: 208px;
height: auto;
}
 
.srodek {
background-color: #FFFFFF;
float: right;
width: 599px;
height: auto;
}
 
[HTML] pobierz, plaintext 

Teraz jak napiszę i wstawię dużo elementu do diva "srodek" to rodzic "site" rowniez sie "wydluzy" ale menu ani nie drgnie.
Rozchodzi mi się o to by menu i srodek tak samo się rozciagalo.

Nie mam pomysłu jak to rozwiązać.

Ten post edytował gandziorz 22.01.2012, 22:24:23

[ShadowD]

Sensownego rozwiązanie po prostu nie ma, przykro mi to pisząc - sporo osób ma ten problem i postów na tym forum też już kilka było, proponuję poszukać lub pomyśleć o js.

[prowseed]

To przez float'y. I rozwiazan tego problemu jest multum, nawet w samym html/css, bez angazowania js.

Daj to gdzies online to sprobuje to naprawic.

Ten post edytował prowseed 23.01.2012, 02:13:12

[gandziorz]

Zastosowałem takie rozwiązanie że dodałem do stylu .menu i .srodek

[HTML] pobierz, plaintext 
padding-bottom:10000px;
margin-bottom:-10000px;
[HTML] pobierz, plaintext 

I? Działa
Może to nie najlepsze rozwiązanie ale działa na pewno

Kolejny mały kłopot, dlaczego dynamiczne menu nie jest na wierzchu tylko wchodzi pod inne divy?
Adres do problemu http://opel24.info/

Ten post edytował gandziorz 23.01.2012, 21:45:38

[ShadowD]

To co w kodzie dalej jest zawsze nad tym co jest wcześniej - jeśli oba elementy mają position:x relatife lub absolute wystarczy dodać im z-index, elemend który ma być nad powinien mieć większą wartość od pozostałych.

Tak Twoje rozwiązanie na pewno nie jest eleganckie, byleś się nie spotkał z przeglądarką która zechce zrozumieć to inaczej, zmniejsz te marginsesy choć na tyle by były "normalne" lub adekwatne do zawartości (jeśli strona zajmuje ~1000px wysokości daj 2000px).

[gandziorz]

To co w kodzie dalej jest zawsze nad tym co jest wcześniej - jeśli oba elementy mają position:x relatife lub absolute wystarczy dodać im z-index, elemend który ma być nad powinien mieć większą wartość od pozostałych.

Tak Twoje rozwiązanie na pewno nie jest eleganckie, byleś się nie spotkał z przeglądarką która zechce zrozumieć to inaczej, zmniejsz te marginsesy choć na tyle by były "normalne" lub adekwatne do zawartości (jeśli strona zajmuje ~1000px wysokości daj 2000px).

Dzięki dzięki kolego. Już poprawione i chula.
Nigdy nie przywiązywałem dużej uwagi do css teraz uczę się je "opanowywać".

Ten post edytował gandziorz 24.01.2012, 21:13:05

[prowseed]

Nigdy nie przywiązywałem dużej uwagi do css teraz uczę się je "opanowywać".

To na pewno nie powinienes tego robic w taki sposob.

[HTML] pobierz, plaintext 
padding-bottom:10000px;
margin-bottom:-10000px;
[HTML] pobierz, plaintext 

Zrob sobie cos takiego i psrawdz czy dziala

[HTML] pobierz, plaintext 
<div class="site">
<div class="menu">Tutaj moje menu</div>
<div class="srodek">Tutaj moj srodek a w nim tresc</div>
<div style="clear:both;margin:0;"></div>
</div>
[HTML] pobierz, plaintext