Układ storny na DIV-ach Opcje

[mos]

Witajcie
Chciałbym osiągnąć efekt:
(IMG:http://img26.imageshack.us/img26/9505/viewv.jpg)
Wszystko jest pięknie i ładnie do momentu gdy jestem w miejscu zaznaczonym pomarańczową ramką
(IMG:http://img43.imageshack.us/img43/9901/viewk.jpg)
boxy które są poniżej 'wjeżdżają' na zawartość u góry strony - co jest efektem nieodpuszczalnym. Prosiłbym Was o podanie pomocnej dłoni.
Bo powoli wychodzę z siebie. Z góry dziękuję 'pomagającym' :-)

ps. czy na forum jest zwyczaj witania się z userami? szukałem ale się nie udało - nie chcąc robić (IMG:style_emoticons/default/offtopic.gif) jeśli takowy istnieje, proszę podeślijcie wraz z odpowiedzią na moje pytanie

[JoShiMa]

Między pomarańczową ramką a tymi dolnymi divami powinno być:

[HTML] pobierz, plaintext 
<hr style="clear:both; visibility: hidden;">
[HTML] pobierz, plaintext 

Powodzenia (IMG:style_emoticons/default/smile.gif)

[mos]

Między pomarańczową ramką a tymi dolnymi divami powinno być:

[HTML] pobierz, plaintext 
<hr style="clear:both; visibility: hidden;">
[HTML] pobierz, plaintext 

Powodzenia (IMG:style_emoticons/default/smile.gif)

o.. i to jest rozwiązanie problemu :-) Dzięki serdeczne!
Natomiast pozwólcie że zapytam, czy nie można 'zorganizować' tego za pomocą float-ów i czystego CSS-a (tzn bez wstawiania tej linii)?
te dwa główne boxy w ramce są
- niebieski:

[PHP] pobierz, plaintext 
#left_box {
    width: 500px;
    height: 300px;
    border: solid 1px orange;
    float: left;
}
[PHP] pobierz, plaintext 

- szary:

[PHP] pobierz, plaintext 
#right_box {
    width: 370px;
    height: auto;
    border: solid 1px #000000;
    height: 200px;
}
[PHP] pobierz, plaintext 

Damonsson - moja kula się niestety potłukła stąd pytanie 'w ciemno' ;-)

Ten post edytował mos 10.01.2011, 21:35:14

[JoShiMa]

o.. i to jest rozwiązanie problemu :-) Dzięki serdeczne!
Natomiast pozwólcie że zapytam, czy nie można 'zorganizować' tego za pomocą float-ów i czystego CSS-a (tzn bez wstawiania tej linii)?

Dwa dolne boksy możesz wsadzić do jednego dodatkowego, któremu dasz clear:both

Float właśnie działa tak, że objekt jest "latający" inne objekty, które nie mają float zachowują się tak jak by go nie było i włażą pod niego. Dopiero ustawienie jakiegoś elementu z clear:botch powoduje, że kolejne będą ustawiać się pod spodem. No oczywiście dopóki znów nie użyjesz float (IMG:style_emoticons/default/smile.gif) Tak to już jest z tymi pudełkami (IMG:style_emoticons/default/smile.gif)