Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [CSS] float wewnątrz diva z ustawionym width
colachips
post 11.01.2013, 17:46:06
Post #1





Grupa: Zarejestrowani
Postów: 49
Pomógł: 0
Dołączył: 12.01.2009

Ostrzeżenie: (0%)
-----


Witam,

mam prosty kod:
  1. <div style="width:100px">
  2. <div style="float: left;">&#155;</div>
  3. <div style="float: left; margin-left: 5px;">ASDASDASDASD ASDASDAS ASDASDASDASD ASDASD</div>
  4. </div>


Jednak to nie działa tak jak chcę, czyli te wewnętrzne divy nie układają się jeden obok drugiego a jeden pod drugim. Jeśli usunę width z diva nadrzędnego to jest ok. Co jest grane?
Go to the top of the page
+Quote Post
dominik52
post 11.01.2013, 17:59:38
Post #2





Grupa: Zarejestrowani
Postów: 12
Pomógł: 3
Dołączył: 19.06.2010

Ostrzeżenie: (0%)
-----


  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head> </head>
  4. <div style="">
  5. <div style="float: left;"></div>
  6. <div style="float: left; width: 100px; margin-left: 5px;">ASDASDASD ASDASD</div>
  7. </div>
  8. </body>
  9. </html>


--------------------
hudesign.pl
www.hudesign.pl
Go to the top of the page
+Quote Post
colachips
post 11.01.2013, 18:56:27
Post #3





Grupa: Zarejestrowani
Postów: 49
Pomógł: 0
Dołączył: 12.01.2009

Ostrzeżenie: (0%)
-----


Ale dlaczego tak się dzieje? Czy CSS jest za głupi żeby dostosować szerokość tego drugiego diva automatycznie?
Go to the top of the page
+Quote Post
gr56
post 11.01.2013, 20:04:33
Post #4





Grupa: Zarejestrowani
Postów: 77
Pomógł: 15
Dołączył: 19.11.2011

Ostrzeżenie: (0%)
-----


Elementy blokowe(np div) domyślnie mają 100% szerokości tak więc nie ma możliwości aby zmieściły się 2 obok siebie bez ustawiania szerokości.

Ten post edytował gr56 11.01.2013, 20:04:57
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 12.06.2025 - 13:21