Autor | Zpráva | ||
---|---|---|---|
AM Profil * |
#1 · Zasláno: 1. 1. 2008, 20:36:50
Zdravím, prozradíte mi někdo, proč IE6 a starší verze dělají divnou mezeru v orámování u záhlaví stránky ? Není to žádný margin, padding, border, všechno jsem zkoušel nastavit, ale ta mezera se tam pořád drží. IE7, firefox a opera nemají problém.
http://sokol.trp.etn.cz/sokol/ |
||
Manq Profil |
#2 · Zasláno: 1. 1. 2008, 20:40:43
Nepomůže * {margin:0;padding:0}?
|
||
AM Profil * |
#3 · Zasláno: 1. 1. 2008, 20:48:22
Ne, jak říkám, s margin a padding to nemá co dočinění..
|
||
Manq Profil |
#4 · Zasláno: 1. 1. 2008, 21:00:22
Aha, myslel jsem jinou mezeru.
Jdeš na to špatně. Kulaté rohy dělej pomocí background-position. Ne pomocí float. Možná je to tím. |
||
AM Profil * |
#5 · Zasláno: 1. 1. 2008, 21:01:42
aha, ale když chci umístit 2 rohy (gumová šířka), ono jde umístit na pozadí DIVu dva obrázky najednou?
|
||
Railbot Profil |
#6 · Zasláno: 1. 1. 2008, 22:14:39
AM
Objekt poskládej z více prvků, třeba dva divy každý na jedné straně. Klasika. |
||
AM Profil * |
#7 · Zasláno: 2. 1. 2008, 21:10:09
No tak to mám a nefunguje to :) resp. funguje, ale IE6 se to nelíbí
|
||
AM Profil * |
#8 · Zasláno: 2. 1. 2008, 22:38:30
Tak, pokusil sem se problem co nejvic ocesat. Zbylo mi tohle:
Vtip je v tom, ze pokud jednomu z barevne oznacenych ramecku zadam pevnou vysku (Height), tak se v IE6 automaticky odsadi cca 2px od obtekaneho leveho ramecku a margin-left na jeho polohu prestane mit vliv, pokud mu nezadam vysku, da se jeho leva poloha nastavovat pomoci margin-left (margin-left:210px dosahne zadouciho ucelu "nalepeni" na obtekany objekt) Nevite, proc se takto IE6 chova, a kterou vlastnosti by sla mezera zrusit? <!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="cs" lang="cs"> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <title>testovaci stranka</title> <style> div, form{ margin:0; padding:0; background-repeat:no-repeat; } img{ border:0px none; margin:0; padding:0; } p{ margin-top:0px; } .sleft{ width:210px; float:left; border:1px solid black; height:500px; } .contenttop{ border:1px solid red; margin-left:210px; } .content{ border:1px solid blue; margin-left:210px; height:10px; } </style> </head> <body> <div class="hlavni"> <div class="sleft"></div> <div class="contenttop"> aa </div> <div class="content"> aa </div> </div> </body> </html> |
||
Časová prodleva: 16 let
|
0