Css problema su div

Sveiki,

Esu naujokas su webais, todėl iškilo tokia problemą. Kai mažinu naršyklės langą, mano div esantis dešnėje kai prisiglaužia prie kairio div nušoka į apačią, o nelieka toje pačioje linijoje. Gal kas gali padėti.

http://www.part.lt/img/43eecb61818a15ad86b1bd202ab49e6f709.png

Paveiksliukas

Ačiū.

Jei nusoka #right elementas, tai taip ir turi buti, nes tu jam uzdavei 1000px. Kai jis netelpa i likusia dali po #left, jis ir nusoka, kad islaikyti uzduota dydi. Nenurodyk plocio.

Jei nusoka #right elementas, tai taip ir turi buti, nes tu jam uzdavei 1000px. Kai jis netelpa i likusia dali po #left, jis ir nusoka, kad islaikyti uzduota dydi. Nenurodyk plocio.

Na ir kas bus, jei pločio nenurodys? Vistiek nušoks :) po defaultu DIV yra block tipo elementas, kuris layoute užims visą 'eilę'.

#right, #left {
   display: inline-block;
}

ir #right nuimk tą plotį, leisk jam plėstis pagal jo turinį. Arba jei labai nori nustatinėti pločius, tada #left dėk kokį width:20%, o #right 80%. Tau jis nulenda po apačia, nes mažini langą, o jo dydis fiksuotas, todėl jis pats nemažėja.

Sėkmės

ai, nežiūrėjau kodo, jei pas jį inline-block, tada ok