 | | From: | latet | | Subject: | Szerokosc DIV-a: IE ok, Mozzilla za duzo | | Date: | Sat, 22 Jan 2005 13:58:04 +0100 |
|
|
 | Witam,
Mam problem z szerokoscia DIV-a. Pod IE i Opera jest OK (dokladnie tyle pixeli ile zadalem), ale pod Mozzilami jest ok. 10 pix wiecej (szerzej).
Diva definuję tak:
a jego styl tak:
..menublok { background-color : #1044AA; color : white; font-size : 11pt; padding: 3px; margin-left : 0%; margin-bottom : 10px; border-width : 1px; border-style : solid; border-color : #dddddd; }
Zrobilem zrzuty ekranu i zmierzyłem - blok wygenerowany przez IE ma 164 px, a na screenach z Mozzilli mierzy sobie 172 px.
Co robię zle?
Dzieki,
latet
|
|
 | | From: | Tomasz Cenian | | Subject: | Re: Szerokosc DIV-a: IE ok, Mozzilla za duzo | | Date: | Sat, 22 Jan 2005 14:59:39 +0100 |
|
|
 | latet napisał(a): > Witam, >
Witam. Każdą stronę powinno się rozpoczynać od prawidłowego określenia DOCTYPE. Wychodząc z takiego założenia (i olewając zasłużenie IE < 6) nie ma potrzeby robienia żadnych boxmodel hacków i innych pierdół. Po prostu nie ma problemu. Ty też być tego ziewnego pytania nie zadawał.
-- TC
|
|
 | | From: | Cosmophillia | | Subject: | Re: Szerokosc DIV-a: IE ok, Mozzilla za duzo | | Date: | Sat, 22 Jan 2005 16:22:43 +0100 |
|
|
 | Dnia 2005-01-22 15:13 eL napisala: >> Witam. >> Każdą stronę powinno się rozpoczynać od prawidłowego określenia >> DOCTYPE. Wychodząc z takiego założenia (i olewając zasłużenie IE < 6) >> nie ma potrzeby robienia żadnych boxmodel hacków i innych pierdół. Po >> prostu nie ma problemu. Ty też być tego ziewnego pytania nie zadawał. > > > A w przypadku gdy IE5 ma znaczenie, ja stosuję jeszcze inny numer: > dodaję XML prolog, co wrzuca IE6 w quirksmode, wtedy najczęściej mam takie > konstrukcje:
Ale wtedy trzeba pamiętać, że niektóre wczesne opery 7.0x także wskakują w quirksmode. Dlatego IMHO jak się stosuje xml prolog hack (;-)) dobrze jest na wszelki wypadek dodać dla * box-sizing: content-box; Co w sumie wygląda trochę paradoksalnie :-)
Pozdrawiam -- Dorota
|
|
 | | From: | Bob_R | | Subject: | Re: Szerokosc DIV-a: IE ok, Mozzilla za duzo | | Date: | Sat, 22 Jan 2005 15:21:49 +0100 |
|
|
 | eL wrote:
> xxx {width: 100px; border-width: 1px;} > * html xxx {width: 102px; height: 1% /*holly hack*/}
A ja wolę jednak IE6 w trybie jako-takiej-zgodności, zaś dla IE<6 wygodne jest: xxx{width:110px;width/**/:/**/100px;padding:10px}
Jakieś to takie eleganckie dla mnie... krótki zapis, w jednej regule.
pozdr. Bob_R
-- jabber: bober@jabberpl.org gg: 601167 | icq: 64127573
|
|
 | | From: | latet | | Subject: | Re: Szerokosc DIV-a: IE ok, Mozzilla za duzo | | Date: | Sat, 22 Jan 2005 15:51:24 +0100 |
|
|
 | > A ja wolę jednak IE6 w trybie jako-takiej-zgodności, zaś dla IE<6 wygodne > jest: > xxx{width:110px;width/**/:/**/100px;padding:10px} > Jakieś to takie eleganckie dla mnie... krótki zapis, w jednej regule.
Dzieki. Zastosowalem doctype strict + powyzszy hack i to jest to! Miodzio!
Pozdrawiam serdecznie i dziekuję stokrotnie!
latet
|
|
 | | From: | Cezar | | Subject: | Re: Szerokosc DIV-a: IE ok, Mozzilla za duzo | | Date: | Sat, 22 Jan 2005 14:04:58 +0100 |
|
|
 | latet napisał(a): > Witam, > > Mam problem z szerokoscia DIV-a. > Pod IE i Opera jest OK (dokladnie tyle pixeli ile zadalem), > ale pod Mozzilami jest ok. 10 pix wiecej (szerzej). > > Diva definuję tak: > > > > a jego styl tak: > > .menublok { > background-color : #1044AA; > color : white; > font-size : 11pt; > padding: 3px; > margin-left : 0%; > margin-bottom : 10px; > border-width : 1px; > border-style : solid; > border-color : #dddddd; > } > > Zrobilem zrzuty ekranu i zmierzyłem - > blok wygenerowany przez IE ma 164 px, > a na screenach z Mozzilli mierzy sobie 172 px. > > Co robię zle? > > Dzieki, > > latet > >
http://css-discuss.incutio.com/?page=BoxModelHack
Sugestia:
1. Nie korzystaj z rozmiarów fontów w pt. Raczej em. 2. Kod CSS można skrócić:
..menublok { background:#1044AA; color: #fff; font-size : 11pt; padding: 3px; margin:0 0 10px 0; border: 1px solid #dddddd; }
-- Ave, Cezar
|
|
 | | From: | Lukasz Grabun | | Subject: | Re: Szerokosc DIV-a: IE ok, Mozzilla za duzo | | Date: | Sat, 22 Jan 2005 14:06:31 +0100 |
|
|
 | Dnia Sat, 22 Jan 2005 13:58:04 +0100, latet napisał(a):
> Mam problem z szerokoscia DIV-a. > Pod IE i Opera jest OK (dokladnie tyle pixeli ile zadalem), > ale pod Mozzilami jest ok. 10 pix wiecej (szerzej).
Wczoraj było to pytanie. http://tantek.com/CSS/Examples/boxmodelhack.html
-- Lukasz Grabun
|
|
 | | From: | Marcin Sztolcman | | Subject: | Re: Szerokosc DIV-a: IE ok, Mozzilla za duzo | | Date: | 22 Jan 2005 14:00:53 +0100 |
|
|
 | Nastał dzień boży sob, 22 sty 2005 o 12:58 GMT, gdy latet ośmielił się wstukać:
> Mam problem z szerokoscia DIV-a. > Pod IE i Opera jest OK (dokladnie tyle pixeli ile zadalem), > ale pod Mozzilami jest ok. 10 pix wiecej (szerzej). > > Diva definuję tak: > > > > a jego styl tak: > > .menublok { > background-color : #1044AA; > color : white; > font-size : 11pt; > padding: 3px; > margin-left : 0%; > margin-bottom : 10px; > border-width : 1px; > border-style : solid; > border-color : #dddddd; > } > > Zrobilem zrzuty ekranu i zmierzyłem - > blok wygenerowany przez IE ma 164 px, > a na screenach z Mozzilli mierzy sobie 172 px. > > Co robię zle?
na pierwszy rzut oka za rzadko czytasz grupe... padding/border i 8px roznicy jest...
MySZ
-- Marcin ``MySZ`` Sztolcman :: mailto:http://urzenia.net/email
wylapmy troche spamu: spamtest@ber.pl
|
|