Forum PHP.pl > [css][html] Div nie przyjmuje koloru całego diva

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [css][html] Div nie przyjmuje koloru całego diva

poxrimex

15.02.2008, 10:51:07

Witam

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 
<div class="main" style="background-color: yellow;">
<div style="background-color: blue; float: left; margin-top: 20px; height: 290px;">
ABC
</div>
</div>
[HTML] pobierz, plaintext

a oto css dla diva main:

[HTML] pobierz, plaintext 
div.main
{
width: 780px;
margin-left: auto;
margin-right: auto;
}
[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 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<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

Kowalikus

15.02.2008, 11:01:13

"Clearfix" rozwiązuje ten bug.

Dla diva main dodaj klasę clearfix

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

do CSS dodaj

[HTML] pobierz, plaintext 
.clearfix:after 
{
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
[HTML] pobierz, plaintext

poxrimex

15.02.2008, 11:07:42

działa, podasz źrodło skąd to jest?

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.