(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 (IMG:style_emoticons/default/smile.gif)
Może to nie najlepsze rozwiązanie ale działa na pewno (IMG:style_emoticons/default/smile.gif)

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). (IMG:style_emoticons/default/haha.gif)

[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). (IMG:style_emoticons/default/haha.gif)

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