Kezdőoldal » Számítástechnika » Weblapkészítés » Hogyan helyezzünk egymás alá...

Hogyan helyezzünk egymás alá DIV-eket, ismeretlen tartalom esetén?

Figyelt kérdés
Van egy article DIV-em, és ez alá szeretnék egy FOOTER-div-et beszúrni. Viszont az article-nek nemtudom hogy mekkora lesz a tartalma, ezért nem adtam neki height-et. Mi lehet a legjobb megoldás?

2015. febr. 26. 06:51
 1/7 anonim ***** válasza:
Alapból alá kellene kerülnie, ha a footer block elem.
2015. febr. 26. 11:54
Hasznos számodra ez a válasz?
 2/7 anonim ***** válasza:
100%
Akkor sem állítunk magasságot, ha tudjuk, hogy mekkora lesz a benne lévő szöveg.
2015. febr. 26. 12:08
Hasznos számodra ez a válasz?
 3/7 anonim ***** válasza:

Gondolom a footer előtti div-et float-oltad. Tegyél a div és a footer közzé egy ilyet:


<div style="clear: both;"></div>


Vagy ha ha a div-ból nem lóg ki semmi, akkor: overflow: hidden és így nem kell a clear.

2015. febr. 26. 19:02
Hasznos számodra ez a válasz?
 4/7 anonim ***** válasza:

Nem kell még egy üres div is.

A footernek is adhatsz clear:both;-t.

2015. febr. 27. 07:05
Hasznos számodra ez a válasz?
 5/7 anonim ***** válasza:

Akkor már inkább [link]

vagy simán overflow: hidden a konténerre amiben a floatolt elemek vannak

2015. febr. 27. 10:43
Hasznos számodra ez a válasz?
 6/7 anonim ***** válasza:
Csak ha a footer-nek ad clear-t, akkor nem lehet neki felső margint adni.
2015. febr. 27. 12:05
Hasznos számodra ez a válasz?
 7/7 anonim ***** válasza:
Ha margó kell felé, akkor a felső divnek is adhat alsó margót.
2015. febr. 28. 13:50
Hasznos számodra ez a válasz?

Kapcsolódó kérdések:





Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu

A weboldalon megjelenő anyagok nem minősülnek szerkesztői tartalomnak, előzetes ellenőrzésen nem esnek át, az üzemeltető véleményét nem tükrözik.
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!