Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS][HTML] Wysokość div i elementy z float
Forum PHP.pl > Forum > Przedszkole
!*!
  1. <div>
  2. <p style="float:left">lewa tresc</p>
  3. <p style="float:right">prawa tresc</p>
  4. </div>


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

  1. <div>
  2. <p style="float:left">lewa tresc</p>
  3. <p style="float:right">prawa tresc</p>
  4. <br style="clean:both"/>
  5. </div>


Jednak nie wydaje mi się to zbyt eleganckie.

Albo jak uzyskać efekt tekstu po obu stronach, może jest prostszy sposób?
Blame
Nie rozumiem twojego pytania więc załączam obrazek kota w reklamówce:

A tak strzelając to może użyj zwykłej tabeli z dwoma kolumnami?
!*!
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
Blame
Ech ludzie dry.gif
Dobra, strzelam po raz drugi. Styl CSS:
  1. .div:after {
  2. content: ".";
  3. clear: both;
  4. display: block;
  5. height: 0;
  6. visibility: hidden;}

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.

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
też nie bardzo rozumiem o co Ci chodzi, jeżeli chcesz, żeby <div> obejmował divy znajdujące się wewnątrz niego z parametrem float; to on też musi być z float:
  1. <div style="border:1px solid red; float:left;">
  2. <p style="float:left">lewa tresc</p>
  3. <p style="float:right">prawa tresc</p>
  4. </div>


ponadto, jeżeli nadajesz divowi float, to powinieneś też podać dla niego width

Blame - tabeli nie używa się do tworzenia struktury strony tylko do danych tabelarycznych
!*!
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.
tehaha
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/
Mostrom
Do tego zewnętrznego div dodaj atrybut position: absolute, oraz width: auto no i haight też auto;
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.