Forum PHP.pl

[HTML] pobierz, plaintext 
<div>
<p style="float:left">lewa tresc</p>
<p style="float:right">prawa tresc</p>
</div>
[HTML] pobierz, plaintext 

Jak sprawić aby div był rozciągnięty gdy znajdują się w nim tylko elementy z float? Aby obejmował je.
Obecnie stosuję coś takiego:

[HTML] pobierz, plaintext 
<div>
<p style="float:left">lewa tresc</p>
<p style="float:right">prawa tresc</p>
<br style="clean:both"/>
</div>
[HTML] pobierz, plaintext 

Jednak nie wydaje mi się to zbyt eleganckie.

Albo jak uzyskać efekt tekstu po obu stronach, może jest prostszy sposób?

Ten post edytował !*! 14.08.2010, 16:44:39

Nie rozumiem twojego pytania więc załączam obrazek kota w reklamówce:
(IMG:http://www.stuffonmycat.com/images/stories/20100811_unknown1.JPG)
A tak strzelając to może użyj zwykłej tabeli z dwoma kolumnami?

Ten post edytował Blame 14.08.2010, 17:20:06

Nie przejmuj się tym że nie rozumiesz, tak to jest jak się nie ma pojęcia o robieniu stron. Specjalnie dla Ciebie wersja interaktywna http://jsfiddle.net/TA4Pq/

1. div nie obejmuje elementów które mają styl float
2. czy jest inny sposób niż dodawanie br z parametrem clean:both

Ten post edytował !*! 14.08.2010, 16:26:08

Ech ludzie (IMG:style_emoticons/default/dry.gif)
Dobra, strzelam po raz drugi. Styl CSS:

[CSS] pobierz, plaintext 
.div:after {  
content: ".";  
clear: both;  
display: block;  
height: 0;  
visibility: hidden;}
[CSS] pobierz, plaintext 

To tak od kompletnego laika dla profesjonalisty, który świetnie opanował opisywanie swojego problemu. Z resztą to od razu widać po stosunku posty/pomógł. Przecież każdy na co dzień boryka się z tym samym problemem co ty i już po pierwszym zdaniu wie o co ci chodzi. Wybacz mi, moja głupota. W ramach przeprosin tym razem królik z naleśnikiem na głowie.
(IMG:http://bothunters.pl/wp-content/uploads/2009/11/nalesnik_na_glowie.jpg)
PS. Nie obrażę się, jeśli nie będziesz miał odwagi przyznać się, że moje rozwiązanie ci pomogło, miałem już do czynienia z "lepszymi" ludźmi, przyzwyczaiłem się.

tehaha - Porównaj sobie to http://jsfiddle.net/TA4Pq/ z tym http://jsfiddle.net/TA4Pq/1/ Widzisz różnicę? Div ma obejmować oba elementy, co zresztą opisałem dokładnie w pierwszym poście.

no to właśnie dałem Ci w poście wyżej rozwiązanie tego problemu: dla nadrzędnego div'a nadaj float, dodatkowo, zgodnie z w3c - jeżeli nadajesz float, to powinieneś nadać również width

http://jsfiddle.net/2DCjY/

Ten post edytował tehaha 14.08.2010, 18:07:08

Do tego zewnętrznego div dodaj atrybut position: absolute, oraz width: auto no i haight też auto;