Marcin Kamiński

Marcin Kamiński E-commerce / Buzz
marketing

Temat: Tag H1 - różnice między FF a IE

O pomoc zwracam się do Was:
http://agregaty-zanotti.pl/new
Pod Firefoxem napis "Tytul podstrony" wyświetla się tak jak powinien, natomiast pod IE6 ciągnie go znacznie do góry.

Link do CSS strony:
http://agregaty-zanotti.pl/new/style.css

Kod odpowiedzialny za ten fragment to:
#tresc {width:584px;line-height:20px;margin:1px 0 10px 0; padding-top: 1px; background:url(img/tlo-tresci.jpg) repeat-x;}
#tresc h1 {padding-left: 15px; padding-top: 5px; font-size:22px;}


Czy problem leży z mojej przyczyny? Jeśli tak, to w którym miejscu?

konto usunięte

Temat: Tag H1 - różnice między FF a IE

Nieustalona wartość marginesów dla nagłówka - przeglądarki różnie sobie z tym radzą jak widać...

konto usunięte

Temat: Tag H1 - różnice między FF a IE

ustaw jeszcze dla h1 margin: 0; i line-height: auto;

konto usunięte

Temat: Tag H1 - różnice między FF a IE

Ze swojej strony polecam resetować domyślne style przeglądarek używając reset.css - http://meyerweb.com/eric/tools/css/reset/
Marcin Kamiński

Marcin Kamiński E-commerce / Buzz
marketing

Temat: Tag H1 - różnice między FF a IE

Dzięki za pomoc. Okazała się skuteczna.
Kod finalnie dla tego nagłówka brzmi tak:
#tresc h1 {padding-left: 15px; padding-top: 5px; font-size:22px; margin: 10px 10px 20px 10px; line-height: auto;}
Paweł Piskorz

Paweł Piskorz koder HTML/CSS

Temat: Tag H1 - różnice między FF a IE

Waldek Mazurek:
Nieustalona wartość marginesów dla nagłówka - przeglądarki różnie sobie z tym radzą jak widać...

Nie "różnie sobie radzą", tylko mają różne domyślne wartości. Dlatego warto je resetować, co poleca Bartek.

konto usunięte

Temat: Tag H1 - różnice między FF a IE

Paweł Piskorz:
Waldek Mazurek:
Nieustalona wartość marginesów dla nagłówka - przeglądarki różnie sobie z tym radzą jak widać...

Nie "różnie sobie radzą", tylko mają różne domyślne wartości.

Rozumiem, że sformułowanie "różnie sobie radzą" jest wielce odmienne od sformułowania "różne domyślne wartości" - skoro tak, to za wprowadzanie w błąd ogromnie przepraszam ;) EOT

Temat: Tag H1 - różnice między FF a IE

Lidia Wilczyńska:
margin: 0;
Zero czego? Litrow czy kilogramow? ;-)

konto usunięte

Temat: Tag H1 - różnice między FF a IE

Mateusz Komarnicki:
Lidia Wilczyńska:
margin: 0;
Zero czego? Litrow czy kilogramow? ;-)

A cóż to za znaczenie? Zero to zero...

Link do wytycznych w3c: Length units

Ażeby było jasne - "After a '0' number, the unit identifier is optional." ;)
Paweł Piskorz

Paweł Piskorz koder HTML/CSS

Temat: Tag H1 - różnice między FF a IE

Waldek Mazurek:

Rozumiem, że sformułowanie "różnie sobie radzą" jest wielce odmienne od sformułowania "różne domyślne wartości"

MZ takim stwierdzeniem możesz nieświadomie kogoś w błąd wprowadzić, bo przecież przeglądarki radzą sobie dokładnie tak samo - posiadają domyślne wartości dla każdego elementu. Więc nie ma różnicy w "radzeniu" sobie, leczy tylko w tych domyślnych wartościach. Różnie sobie przeglądarki radzą np. z display:inline-block.Paweł Piskorz edytował(a) ten post dnia 02.01.09 o godzinie 14:55

konto usunięte

Temat: Tag H1 - różnice między FF a IE

Paweł Piskorz:
Waldek Mazurek:

Rozumiem, że sformułowanie "różnie sobie radzą" jest wielce odmienne od sformułowania "różne domyślne wartości"

MZ takim stwierdzeniem możesz nieświadomie kogoś w błąd wprowadzić, bo przecież przeglądarki radzą sobie dokładnie tak samo - posiadają domyślne wartości dla każdego elementu. Więc nie ma różnicy w "radzeniu" sobie, leczy tylko w tych domyślnych wartościach.

Dlatego pomocne jest resetowanie (np. Eric Meyer Reset) właściwości - oczywiście resetowania należy używać z głową - bo resetowanie niektórych elementów może co prawda poprawić jedne problemy (różnice w wyświetlaniu), ale jednocześnie może powodować inne - ważniejsze problemy (outline: 0; - problem dotyczący dostępności)...

>Różnie sobie przeglądarki radzą np.
z display:inline-block.

W specyfikacji W3C nie ma wartości "inline-block" dla atrybutu "display" - stąd zapewne każda przeglądarka interpretuje to "na swoje kopyto"....Piotr Lewandowski edytował(a) ten post dnia 02.01.09 o godzinie 23:03
Paweł Piskorz

Paweł Piskorz koder HTML/CSS

Temat: Tag H1 - różnice między FF a IE

Piotr Lewandowski:
http://www.w3.org/TR/CSS2/visuren.html#display-prop

This document is currently not maintained. The CSS Working Group is developing CSS Level 2 Revision 1, which corrects many errors and omissions in this document as well as making a few other changes as documented in the changes section. The CSS Working Group encourages authors and implementors to reference CSS 2.1 (or its successor) instead of this document and when features common to CSS2 and CSS 2.1 are defined differently to follow the definitions in CSS 2.1.

Jesteś troszkę do tyłu Piotrze ;)
http://www.w3.org/TR/CSS21/visuren.html#display-prop

konto usunięte

Temat: Tag H1 - różnice między FF a IE

Paweł Piskorz:

Jesteś troszkę do tyłu Piotrze ;)
http://www.w3.org/TR/CSS21/visuren.html#display-prop

Szfak :( Może nie tyle do tyłu, co raczej jestem ślepy :D - byłem pewien, że linkuje do CSS21, a nie do CSS2 :D Mea culpa, niedoczytałem linku... Ech... Będę trzy razy czytał URL przed wklejeniem... Będę trzy razy czytał URL przed wklejeniem... Będę trzy razy czytał URL przed wklejeniem... Będę trzy razy czytał URL przed wklejeniem... Będę trzy razy czytał URL przed wklejeniem... :D



Wyślij zaproszenie do