CSS ir divai

Padarau 2 divus:

(1 divas):

<div id="sonas">
</div>

(2 divas):

<div id="turinys">
</div>

(style.css, gal bus aiskiau ko noriu):

#sonas { width:300px; height:150px; float:left; }
#turinys { width:300px; height:150px; float:left; }

------------------------

Taigi gaunu 2 išlygiuotus divus. Į divą Nr.2 dedu turinį. Turinio daug, todėl jis pasisididina į apačią. Noriu, kad tuo pačiu pasididintų ir divas Nr.1. Nesugalvoju kaip daryti. Mėginau abudu divus dėti į pagrindinį divą, bet nelabai kas išėjo, laukiu patarimų.

Padarau 2 divus:

 

(1 divas):

<div id="sonas">
</div>

(2 divas):

<div id="turinys">
</div>

 

(style.css, gal bus aiskiau ko noriu):

#sonas { width:300px; height:150px; float:left; }
#turinys { width:300px; height:150px; float:left; }

 

------------------------

 

Taigi gaunu 2 išlygiuotus divus. Į divą Nr.2 dedu turinį. Turinio daug, todėl jis pasisididina į apačią. Noriu, kad tuo pačiu pasididintų ir divas Nr.1. Nesugalvoju kaip daryti. Mėginau abudu divus dėti į pagrindinį divą, bet nelabai kas išėjo, laukiu patarimų.

<div id="turinys">
<div id="sonas"></div>
<div id="tikrasis-turinys"></div>
</div>

Ir "turinys" width padaryk 600px.

Ar toks sprendimas dėl kažkokios priežasties netinka?

Arba gali

<div id="sonas">
<div id="turinys">
</div>
</div>

ir paslinkt turini nes žinai ploti

#sonas { width:300px; float:left; }
#turinys { width:300px; float:left; position: relative; left: 300px;}

T-mix būdas netiko, neveikė. Tačiau, Žiogo tiko ir viskas gerai veikia. Dėkui abiems

T-mix būdas netiko, neveikė. Tačiau, Žiogo tiko ir viskas gerai veikia. Dėkui abiems

Na bet aš tai būčiau išsivartęs su savo būdu. Kada tik įmanoma, stengiuosi "position" nenaudoti.

Nors, aišku, releative position iš tikrųjų nėra toks blogis, kaip absolute position ir jį (releative), kai reikia, tikrai galima naudoti.

<div id="sonas">
<div id="turinys">
</div>
</div>

I Diva "Sonas" idedu kokį nors IMAGE, ir Div "Turinys" pasislenka (pasislenka, o ne pasididina) į apačią per IMAGE'o Height. Žinot kodėl ?

Va pavyzdukas: http://www.paaugliai.lt/tutorials/ban.php

<div id="sonas">
<div id="turinys">
</div>
</div>

 

I Diva "Sonas" idedu kokį nors IMAGE, ir Div "Turinys" pasislenka (pasislenka, o ne pasididina) į apačią per IMAGE'o Height. Žinot kodėl ?

 

Va pavyzdukas: http://www.paaugliai.lt/tutorials/ban.php

Bandyk paveiksleli deti po div.turinys.

Cia del to, kad naudoji Releative position. Bandyk paveiksleli deti po div.turinys.

Nieko nesigauna :)

Negalvojau, kad su Divais tokių nesamonių būna, bereikalo perdarinėjau saitą iš lentelių į Divus :)

Nieko nesigauna :)

Negalvojau, kad su Divais tokių nesamonių būna, bereikalo perdarinėjau saitą iš lentelių į Divus :)

Div'ai yra gėris :D

Nieko nesigauna :)

Negalvojau, kad su Divais tokių nesamonių būna, bereikalo perdarinėjau saitą iš lentelių į Divus :)

Na kas tinka vienu atveju nebūtinai tinka ir kitu. Aš daryčiau taip:

<img src="img_11.gif" style="position:relative; z-index:1000; top: 441px; margin-top: -441px;">
<div id="sonas">
 <div id="turinys">
</div>
</div>

Nors aišku tai nėra geriausias sprendimas bet abejoju ar šioje situacijoje galima kažka gudriau, reiktų kažkaip kitaip div'us išdėliot

Taigi, šitus 2 divus pakeičiau į table (jau per ilgai ant tų 2 divų užsisėdėjau), dabar lyg ir viskas gerai. Pamačiau, kad dar per mažai moku CSS ir darbą su Divais

Jeigu svetainės dizaine nori išlaikyti simetriškumą - div'ų nenaudok.

Jeigu svetainės dizaine nori išlaikyti simetriškumą - div'ų nenaudok.

div'ai yra gėris ir juos reikia naudoti visur, išskyrus ten, kur tikrai reikia lentutės (ta prasme tarkim kokia rezultatų lentelė ar pan).

Na, bet jei ir bus vienas table, tai aišku ne tragedija, tačiau aš vis vien stengiuosi jų išvengti.

NEREIKIA