Autor Zpráva
Wan-To
Profil *
#1 · Zasláno: 8. 2. 2005, 07:53:30
Odpovědět Citovat
V IE se do šířky prvku počítá ještě šířka okraje, v Netscape ne. Alespoň podle knihy Javascript - kompletní průvodce od Davida Flanagana. Zajímalo by mě, jak je to v Mozille a Opeře a jak zajistit, aby to nějak nerozhodilo CSS/DIV layout.
Honza Hučín
Profil
#2 · Zasláno: 8. 2. 2005, 08:03:58
Odpovědět Citovat
Mozilla i Opera do width šířku okraje nepočítají.
Viz http://www.jakpsatweb.cz/css/width.html
Wan-To
Profil *
#3 · Zasláno: 8. 2. 2005, 09:45:35
Odpovědět Citovat
A jde nějak udělat "univerzální" CSS layout bez použití JavaScriptu?
Polaroid
Profil
#4 · Zasláno: 8. 2. 2005, 09:55:22
Odpovědět Citovat
Jó tak tadyto se musí hackovat, to je snad jasný ne?!

Právě vo tom CSS je!

JavaScript pro úpravu CSS layoutu používat nemůžeš, je to prasárna!

Jako hack doporučuji nevalidní podtržítkovej, nebo validní podmíněné komentáře!
Wan-To
Profil *
#5 · Zasláno: 8. 2. 2005, 09:56:49
Odpovědět Citovat
CSS hack neznám, můžeš mě prosím poučit???
ronnie
Profil
#6 · Zasláno: 8. 2. 2005, 10:22:00
Odpovědět Citovat
napr. definice 


min-width: 200px;

_width: 210px;


Pro mozillu a Operu je prvni polozka, pro IE je druha polozka. IE nazna min-width, a tak ji preskoci na druhou polozku. Zde naopak mozilla a opera ignoruje podtrzitko (spatny zapis), IE vsak ne. Width v IE bude 210px, v mozille a opere 200px.

Pokud ti ale muzu poradit, css hack nepouzivej, radeji to res matrjoskou (?). Nikdy nevis jek se IE bude k tomuto css hacku chovat v budoucnosti.
Wan-To
Profil *
#7 · Zasláno: 8. 2. 2005, 10:24:57
Odpovědět Citovat
matrjoskou (?).
Čím že???
Honza Hučín
Profil
#8 · Zasláno: 8. 2. 2005, 11:47:23
Odpovědět Citovat
Přečti si
http://www.pixy.cz/pixylophone/2003_08_archiv.html#1061885333
Honza Hučín
Profil
#9 · Zasláno: 8. 2. 2005, 11:48:31 · Upravil/a: Honza Hučín
Odpovědět Citovat
ronnie
Pozor, záleží taky na DOCTYPE a verzi Exploreru. IE 6 ve standardním módu už počítá width správně. Takže podtržítkový hack, který zabere na všechny verze IE, není šikovný.
Polaroid
Profil
#10 · Zasláno: 8. 2. 2005, 11:50:24
Odpovědět Citovat
Matrjoska je, že se do daného divu dá ještě jeden, a tím se použije místo chybného paddingu margin!
Wan-To
Profil *
#11 · Zasláno: 8. 2. 2005, 12:57:56
Odpovědět Citovat
Honza Hučín
Jak vypadá správný DOCTYPE pro IE?
Polaroid
To ale nevyřeší problém s okrajem.
Martin Kuželka
Profil
#12 · Zasláno: 8. 2. 2005, 13:01:51
Odpovědět Citovat
Stačí používat matrjošku, jak už Ti bylo řečeno. Funguje to tak, že prvnímu (vnějšímu) divu nastavíš jenom velikost, do něj vložíš druhý div, kterému nastavíš okraje, rámeček, ... výsledkem bude stejná velikost divu ve všech prohlížečích :-)
Wan-To
Profil *
#13 · Zasláno: 8. 2. 2005, 13:03:40
Odpovědět Citovat
Už to začínám trochu chápat... Musím ještě nastavit vnitřnímu DIVu width a height na 100%?
Martin Kuželka
Profil
#14 · Zasláno: 8. 2. 2005, 13:06:47
Odpovědět Citovat
Nemusíš, div je blokový prvek, takže se sám roztáhne na 100%.
Wan-To
Profil *
#15 · Zasláno: 8. 2. 2005, 13:09:12
Odpovědět Citovat
Ještě budu chvili otravovat ;-) U té "matrjošky" se počítá do šířky i border a padding?
Martin Kuželka
Profil
#16 · Zasláno: 8. 2. 2005, 13:11:56
Odpovědět Citovat
Tím vnějším divem určíš šířku toho vnitřního divu včetně okrajů a rámečku.
Wan-To
Profil *
#17 · Zasláno: 8. 2. 2005, 13:14:42
Odpovědět Citovat
No... Děkuji všem, kteří se tu kvůli mé neznalosti nudili ;-) a doufám, že se mi ten layout bude zobrazovat všude stejně.
Martin Kuželka
Profil
#18 · Zasláno: 8. 2. 2005, 13:16:18
Odpovědět Citovat
Sorry, jestli to moje vysvětlení nejde pochopit :-)
Wan-To
Profil *
#19 · Zasláno: 8. 2. 2005, 13:21:25
Odpovědět Citovat
Sorry, jestli ta moje zpráva No... Děkuji všem, kteří se tu kvůli mé neznalosti nudili ;-) a doufám, že se mi ten layout bude zobrazovat všude stejně. nejde pochopit ;-) ale já jsem to tvoje vysvětlení pochopil ;-)
Martin Kuželka
Profil
#20 · Zasláno: 8. 2. 2005, 13:22:23
Odpovědět Citovat
:-)
Honza Hučín
Profil
#21 · Zasláno: 8. 2. 2005, 14:37:02
Odpovědět Citovat
Wan-To
Ad doctype: http://wellstyled.com/html-doctype-and-browser-mode.html
Polaroid
Profil
#22 · Zasláno: 9. 2. 2005, 08:53:05
Odpovědět Citovat
to Wan-To: Copak jsi ještě nepochopil, že nás to baví, předávat své znalosti dalším!
Wan-To
Profil *
#23 · Zasláno: 9. 2. 2005, 09:48:52
Odpovědět Citovat
Polaroid
Já jsem si dělal srandu ;-)
Časová prodleva: 19 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0