Autor Zpráva
AM
Profil *
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
Nepomůže * {margin:0;padding:0}?
AM
Profil *
Ne, jak říkám, s margin a padding to nemá co dočinění..
Manq
Profil
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 *
aha, ale když chci umístit 2 rohy (gumová šířka), ono jde umístit na pozadí DIVu dva obrázky najednou?
Railbot
Profil
AM
Objekt poskládej z více prvků, třeba dva divy každý na jedné straně. Klasika.
AM
Profil *
No tak to mám a nefunguje to :) resp. funguje, ale IE6 se to nelíbí
AM
Profil *
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>

Vaše odpověď

Mohlo by se hodit

Nezapomeňte na odkaz na živou ukázku problému.

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: