ugrás a tartalomhoz

Szétesik a div-es oldalam

vitaliyplay · 2011. Már. 20. (V), 15.33
Sziasztok!

Úgy hallottam, hogy a táblázatos oldalfelépítés elavult, ezért szeretnék áttérni a "dives" struktúrára.
Adott egy kezdetleges dizájn, amelyben van 2 db fő div. A bal oldali az aktuális oldal tartalmát mutatja, a jobb oldali pedig egy panelsáv.
A bal oldali div valamiért szétesik hosszabb szöveg, kép megjelenítésekor. Arra lenne szükségem, hogy nyúljon meg és vele együtt maga az egész oldal hossza, hogy beleférhessen a tartalom és ne essen szét.
Az oldal (localhoston fut, így nem mindig elérhető)
Felépítés

A segítséget előre is köszönöm!
‹ iframe nem ismeri fel a CSS kódomat Nativ osztályok bővitése ›
 ■
1

Legegyszerűbb

Poetro · 2011. Már. 20. (V), 16.28
A legegyszerűbb, hogy a #main-left és #main-right elem sorrendjét felcseréled, és a #main-left elemről leveszed a float-ot, és adsz neki helyette margin-right: 370px-ot.
2

már kipróbáltam (működött)

vitaliyplay · 2011. Már. 20. (V), 16.32
de jobb oldalon szeretném látni a panelt :(
3

Attól még jobb oldalon lesz

Poetro · 2011. Már. 20. (V), 16.40
Mivel annak attól még a #main-right elemnek megmarad a float: right tulajdonsága, azaz jobb oldalon marad.
4

Persze..

ironwill · 2011. Már. 20. (V), 16.44
Minimum szélességet állítasz és mivel a tartalom nagyobb, ezért nagyobb lesz a tényleges szélesség és így nem jön ki:

normál esetben:
bal 749 + jobb 350 = 1100

ha hosszú a tartalom:
bal 783(!!) + jobb 350 != 1100
5

Működik, de

vitaliyplay · 2011. Már. 20. (V), 17.26
de ha beteszek egy nagy méretű táblázatot vagy képet akkor valamiért "alávág" a panelnek.
Itt megnézhetitek
6

nem fér ki

Poetro · 2011. Már. 20. (V), 20.54
Hát, ha nem fér ki, akkor nem tehet mást. Hacsak nem állítasz be a doboznak fix szélességet, és rejted el a túllógást, vagy teszed a dobozt görgethetővé.
7

rendben

vitaliyplay · 2011. Már. 20. (V), 23.02
Oké, akkor marad így. Végülis működik, csak kisebbre kell állítani azt ami nem fér ki. Köszönöm mindenkinek a segítségét! :)