Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Problem z położeniem div
tvister
post
Post #1





Grupa: Zarejestrowani
Postów: 253
Pomógł: 29
Dołączył: 18.08.2008

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


Mam coś takiego.
Div.ajax jest jest ładowany ajax'em.
Problem jest tego typu że ajax może nic nie zwrócić. A div.ajax może być różnej długości.
Żeby nie było pustego miejsca kod jest w oparciu o css:float
Co zrobić aby element po po lewej był zawsze oblewany przez jeden element po prawej.

W podanym przykładzie zmieniając wysokość div.ajax( z wartością 2) na 200px sytuacja ulega zmianie.

  1. <div style="width:400px;background-color:red">
  2. <div style="float:left"><div name="ajax" style="width:200px;height:200px;background-color:blue">1</div></div>
  3. <div style="float:left"><div name="ajax" style="width:200px;height:100px;background-color:green">2</div></div>
  4. <div style="float:left"><div name="ajax" style="width:200px;height:50px;background-color:yellow">3</div></div>
  5. <div style="float:left"><div name="ajax" style="width:200px;height:100px;background-color:gray">4</div></div>
  6. </div>
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 3)
pedro84
post
Post #2





Grupa: Nieautoryzowani
Postów: 2 249
Pomógł: 305
Dołączył: 2.10.2006

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


Cytat(tvister @ 26.01.2010, 11:55:03 ) *
Mam coś takiego.
Div.ajax jest jest ładowany ajax'em.
Problem jest tego typu że ajax może nic nie zwrócić. A div.ajax może być różnej długości.
Żeby nie było pustego miejsca kod jest w oparciu o css:float
Co zrobić aby element po po lewej był zawsze oblewany przez jeden element po prawej.

W podanym przykładzie zmieniając wysokość div.ajax( z wartością 2) na 200px sytuacja ulega zmianie.

  1. <div style="width:400px;background-color:red">
  2. <div style="float:left"><div name="ajax" style="width:200px;height:200px;background-color:blue">1</div></div>
  3. <div style="float:left"><div name="ajax" style="width:200px;height:100px;background-color:green">2</div></div>
  4. <div style="float:left"><div name="ajax" style="width:200px;height:50px;background-color:yellow">3</div></div>
  5. <div style="float:left"><div name="ajax" style="width:200px;height:100px;background-color:gray">4</div></div>
  6. </div>

Czemu nie zmienisz tej zupy na poprawną listę? Przecież masz tak nawalony tych divów jak niewypałów po II WŚ.
Go to the top of the page
+Quote Post
tvister
post
Post #3





Grupa: Zarejestrowani
Postów: 253
Pomógł: 29
Dołączył: 18.08.2008

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


Cytat
....divów jak niewypałów po II WŚ.

Hehe dobre, ale skup się na rozwiązaniu problemu. Pytanie nie dotyczyło estetyki kodu.
Go to the top of the page
+Quote Post
pedro84
post
Post #4





Grupa: Nieautoryzowani
Postów: 2 249
Pomógł: 305
Dołączył: 2.10.2006

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


(IMG:style_emoticons/default/smile.gif)

Przecież po dodamniu float:left; dla głównego elementu powinien byc opływany, czyż nie? Skoro jest ładowany AJAXem to nie zadziała bez js, więc skłaniałbym się ku nadawaniu mu szerokośći js (IMG:style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post

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

 



RSS Aktualny czas: 22.08.2025 - 20:53