MozillaPL.org - polskie centrum Mozilli

Główne menu:

przekazywanie tła w divach

Jak tworzyć strony WWW zgodnie ze standardami

Moderator: Pomocy?!

przekazywanie tła w divach

Postautor: kibic » 03 września 2011, 17:39

Przeglądarka: Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729; .NET4.0C; .NET4.0E)

Witam.
W ie działa poprawnie natomiast w ff chyba nie.
Moim osobistym zdaniem divy wewnątrz diva powinny brać tło od niego a nie od tła strony.

przykład:
<body style="background-color: #008080">
<div style="width:1000px; height:500px; background-color:blue; margin:auto">
<div style="width:205px; float:left">
<p>aaaa</p>
<p>aaaa</p>
</div>
<div style="width:785px; float:left">
<p>aaaa</p>
<p>aaaa</p>
<p>aaaa</p>
<p>aaaa</p>
</div>
</div>
</body>

tło divów powinno być niebieskie a ne zielone. W ie jest a w ff nie.
kibic
 

Odp: przekazywanie tła w divach

Postautor: kibic » 03 września 2011, 17:42

Przeglądarka: Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729; .NET4.0C; .NET4.0E)

Chodzi o ten kod bez wysokości diva głównego, którego nie sposób ustalić gdyż zawartość strony może być dowolna.
W ie działa poprawnie natomiast w ff chyba nie.
Moim osobistym zdaniem divy wewnątrz diva powinny brać tło od niego a nie od tła strony.

przykład:
<body style="background-color: #008080">
<div style="width:1000px; background-color:blue; margin:auto">
<div style="width:205px; float:left">
<p>aaaa</p>
<p>aaaa</p>
</div>
<div style="width:785px; float:left">
<p>aaaa</p>
<p>aaaa</p>
<p>aaaa</p>
<p>aaaa</p>
</div>
</div>
</body>

tło divów powinno być niebieskie a ne zielone. W ie jest a w ff nie.
kibic
 

Odp: przekazywanie tła w divach

Postautor: dexter » 04 września 2011, 14:56

Przeglądarka: Mozilla/5.0 (Windows NT 6.0; rv:8.0a1) Gecko/20110722 Firefox/8.0a1

Jest tu chyba problem ze złym użyciem float:left dla wewnętrznych divów. Powoduje to, że wewnętrzne divy wyskakują ci poza zewnętrzny, który przyjmuje wysokość równą 0. Dołóż sobie jakieś border, to sam zobaczysz.

Samo usunięcie float:left spowoduje, że divy wewnętrzne znajdą się wewnątrz niebieskiego pola, czyli tak, jak chcesz.
dexter
Moderator
 
Posty: 7266
Z nami od: 02 października 2004, 21:30

Odp: przekazywanie tła w divach

Postautor: Tomek » 04 września 2011, 15:00

Przeglądarka: Mozilla/5.0 (X11; Linux i686; rv:6.0.1) Gecko/20100101 Firefox/6.0.1

A co do float - jeśli już stosujesz, to doczytaj dokłądnie o zasadach stosowania - wpierw wyskakujesz za pomocą float, ale potem musisz wyczyścić ten wyskok za pomocą clear:both - i to jest hasło na dziś :)
"Mym sojusznikiem jest Moc, i potężnym sojusznikiem ona jest." -- Mistrz Yoda
Tomek
Moderator
 
Posty: 9045
Z nami od: 19 sierpnia 2004, 06:52
Lokalizacja: pewna śliczna kotlina


Wróć do Tworzenie stron WWW

Kto jest online

Zarejestrowani użytkownicy: Bing [Bot], dexter, Google [Bot]

Przejdź do powiązanej strony

Nawigacja:

Stopka: