Forum PHP.pl > [XHTML] padding

Pomoc - Szukaj - Użytkownicy - Kalendarz

bmL

7.09.2007, 13:56:27

Hey,
napotkałem mały problem mianowicie mam kod:

[HTML] pobierz, plaintext 
<?xml version="1.0" encoding="UTF-8"?>
<!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" xml:lang="pl" lang="pl">
<head>
 
<style>
 
div#test {
	background: red;
	padding-top: 150px;
	height: 200px;
}
 
</style>
</head>
<body>
<div id="test"></div>
</body></html>
[HTML] pobierz, plaintext

W FF div przyjmuje wysokość 350px a w IE 200 padding zostaje taki sam.
Jeżeli usunę deklarację xml

[HTML] pobierz, plaintext 
<?xml version="1.0" encoding="UTF-8"?>
[HTML] pobierz, plaintext

W obu przeglądarkach wysokość diva wynosi 350px
Pytanka:
1. Który z efektów jest prawidłowy?
2. Czemu tak się dzieje...?
3. Doprawdy, potrzebna mi ta deklaracja?

drPayton

7.09.2007, 14:09:37

Ten z FF. IE inaczej liczy padding'i (jak to po "polskiemu" będzie?) i marginesy. A rzecz faktycznie zależy od deklaracji dtd. W niektórych działa tak, w innych inaczej

bmL

7.09.2007, 14:48:00

Ahha, dzięki.
Czyli wygląda na to, że nie ma sensu dodawać tej deklaracji skoro powoduje tylko różnice w przeglądarkach...
No chyba, że by zrobić 2 różne style dla różnych przeglądarek ale wole porostu sobie to odpuścić.

Kreton

7.09.2007, 18:33:16

Sytuacja wygląda tak:
IE 6 w trybie Quirksmode (tryb zgodności wstecz) renderuje stronę z błędnym modelem ramkowym, na wzór starych przeglądarek. Poprawna deklaracja włącza tryb standardowy, wtedy IE6 interpretuje model ramkowy zgodnie z wykładnią CSS.

Na temat DOCTYPE pisałem tutaj: http://kret.jogger.pl/2007/08/23/doctype-o-co-chodzi/. Prolog XML przełącza w tryb zgodności wstecz IE6.

Nie możesz wyrzucić DOCTYPE, włączysz tryb zgodności wstecz.

bmL

8.09.2007, 11:47:40

Dzięki Kreton to wyjaśnia sprawę.
Tak na marginesie nazwałem to deklaracją ale chodziło mi o "prolog XML" to jego miałem na myśli wyrzucić.
Poczytałem jeszcze trochę na ten temat i doszedłem do wniosku, że używanie (niepoprawnego, pseudo) xhtml dla mnie nie ma większego sensu.

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.