Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [css][html] Div nie przyjmuje koloru całego diva
poxrimex
post
Post #1





Grupa: Zarejestrowani
Postów: 368
Pomógł: 2
Dołączył: 23.09.2007

Ostrzeżenie: (60%)
XXX--

Witam (IMG:http://forum.php.pl/style_emoticons/default/biggrin.gif)
mam problem, gdyż div, który jest w divie main powinien rozciągnąć diva main na swoją wysokość, a tu diva main nie widać ;/

oto kod html:
[HTML] pobierz, plaintext 
  1. <div class="main" style="background-color: yellow;">
  2. <div style="background-color: blue; float: left; margin-top: 20px; height: 290px;">
  3. ABC
  4. </div>
  5. </div>
[HTML] pobierz, plaintext


a oto css dla diva main:
[HTML] pobierz, plaintext 
  1. div.main
  2. {
  3. width: 780px;
  4. margin-left: auto;
  5. margin-right: auto;
  6. }
[HTML] pobierz, plaintext


Nie działa to pod mozillą i operą, pod ie wszystko wporządku

Gdy z początku pliku html odejmę:
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
[HTML] pobierz, plaintext


to działa w Operze i mozilli, ale ja chciałbym aby było zgodne ze standartami

Ten post edytował poxrimex 15.02.2008, 10:47:19
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 2)
Kowalikus
post
Post #2





Grupa: Zarejestrowani
Postów: 111
Pomógł: 25
Dołączył: 23.07.2004

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

"Clearfix" rozwiązuje ten bug.

Dla diva main dodaj klasę clearfix

[HTML] pobierz, plaintext 
  1. <div class="main clearfix" style="background-color: yellow;">
  2. <div style="background-color: blue;  float: left; margin-top: 20px; height: 290px;">
  3. ABC
  4. </div>
  5. </div>
[HTML] pobierz, plaintext



do CSS dodaj

[HTML] pobierz, plaintext 
  1. .clearfix:after 
  2. {
  3.   content:".";
  4.   display:block;
  5.   height:0;
  6.   clear:both;
  7.   visibility:hidden;
  8. }
  9. .clearfix {display:inline-block;}
  10. /* Hide from IE Mac \*/
  11. .clearfix {display:block;}
  12. /* End hide from IE Mac */
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
poxrimex
post
Post #3





Grupa: Zarejestrowani
Postów: 368
Pomógł: 2
Dołączył: 23.09.2007

Ostrzeżenie: (60%)
XXX--

działa, podasz źrodło skąd to jest?
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 22.08.2025 - 22:07
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn