Float'tan kaynaklı.
mrg1, mrg2'ye sabit yükseklik verirseniz olur.
css yardım gerekli
12
●111
- 10-11-2021, 18:40:38
<body> <div class="header"><b>HEADER</b></div> <div class="column1">Column1</div> <div class="mrg1"> <div class="column2">Column2</div> <div class="column3">Column3</div> </div> <div style="clear: both;"></div> <!-- Clear --> <div class="mrg2"> <div class="column4">Column4</div> <div class="column5">Column5</div> </div> </body>Eklediğiniz mrg2 hala üsteki mrg1 ile çakışıyor iki divin arasına arkadaşın dediği gibi
<div style="clear: both;"></div>
eklerseniz birbirlerine etki etmeden çalışabilirler ve yazdığınız kodu uygulayabilir - 10-11-2021, 22:46:11Merhaba, sorun float kaynaklı dediğiniz gibi. İncele yaparsanız mrg1 ve mrg2'nin yükseklik değerlerinin 0 olduğunu göreceksiniz. Float verdiğiniz için float değerli divler, parent divin(yani mrg1-2) yüksekliğini etkilemiyor, bu yüzden mrg1-2 divlerinin yüksekliği 0 olarak gözüküyor. Mrg1 ve mrg2 yükseklik değerleri 0 olduğundan siz bir margin değeri verdiğinizde aslında margin işliyor ancak mrg2'nin başlangıcı üzerinden margine bakmanız gerekiyor. Yani 396px ve üzeri margin değeri verin, göreceksiniz margin gözükecektir. Ancak bu şekilde sağlıklı olmaz , float değeri verdiğiniz divlerin parent elementlerine(mrg1-mrg2) overflow:hidden verebilirsiniz. Aslında sorunuzun birden fazla çözümü var, İngilizceniz varsa bu linkten inceleyebilirsiniz. Türkçe link.
- 12-11-2021, 00:29:51
Üyeliği durduruldu
