Autor Zpráva
Radim24
Profil *
Jak vidím tak tu máme všichni problém s absolute position. Vyladil jsem celou stránku pro Mozillu, ale v IE mi dělá problém absolutní umístnění horního horizontálního menu. v Mozille je na správném místě, v IE celé menu zmizí a nahoře u okraje se objeví nějaké podivné grafické útvary, jakdyby o 90° obrácené obrázky z menu... Prosím o radu a díky

<DIV class=mar_top id=top>
<PRE id=main_cell1>Obrázek na pozadí</PRE>

<PRE id=main_cell2>Obrázek na pozadí</PRE>

<PRE id=main_cell3>Obrázek na pozadí</PRE>

<UL class=menu_main id=menu_cell_fire>
<li class='left_fire'></li>

<li class='mid_fire'><a class='a12n fire' title='Slovo úvodem' href='http://localhost/seznamka/system/forms/index.php'>Úvod</a></li>
<li class='right_fire'></li>
<li class='left_fire'></li>
<li class='mid_fire'><a class='a12n fire' title='Hledání inzerátů' href='http://localhost/seznamka/system/forms/index.php?file=search'>Hl edání</a></li>
<li class='right_fire'></li>
<li class='left_fire'></li>
<li class='mid_fire'><a class='a12n fire' title='Vložení nového inzerátu' href='http://localhost/seznamka/system/forms/index.php?file=new'>Nový< /a></li>

<li class='right_fire'></li>
<li class='left_fire'></li>
<li class='mid_fire'><a class='a12n fire' title='Přihlášení do schránky.' href='http://localhost/seznamka/system/forms/index.php?file=access'>Př ihlášení</a></li>
<li class='right_fire'></li>
</UL>
</DIV>

<DIV class=mar_main_content id=main_content><CODE2>
<HR class=cistic>


STYLY PRO DIV ID="TOP":
div#top {pink.css
} /*(line 48)*/
div.mar_top {pink.css
margin:0pt 15px;
} /*(line 31)*/
Inherited frombody
body {pink.css
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
} /*(line 10)*/

STYLY PRO DIV ID=MENU_CELL_FIRE

ul#menu_cell_fire {pink.css
float:left;
text-align:left;
} /* (line 66) */
ul.menu_main {pink.css
position:absolute;
top:101px;
} /*(line 65)*/
ul {pink.css
margin:0pt;
padding:0pt;
} /* (line 64) */

Inherited frombody
body {pink.css
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
} /*(line 10)*/
Radim24
Profil *
Možná by mohl být nějaký problém s tím float:left v kombanaci s absolute?

ul#menu_cell_fire {pink.css (line 66)
float:left;
text-align:left;
}
ul.menu_main {pink.css (line 65)
position:absolute;
top:101px;
}
Manq
Profil
Než vůbec začneme tvůj problém řešit, můžu vědět, proč pozicuješ pomocí position: absolute;? Až nám to povíš, tak nezapomeň na odkaz, který vede na tvou stránku. Podle mě by stačilo použít margin nebo padding místo naprosto nesmyslného position.
Radim24
Profil *
Omlouvam se, ale problém se mi povedlo z 3/4 vyřešit. po odstranění vlastností třídy ul.menu_main, problém se zmizením menu odstraněn. Zůstával však problém s podivnými grafickými útvary na okraji stránky nahoře v IE. Chtěl jsem nakopírovat stránky na net, a vyexportoval to a zjistil jsem, že problém spočívá v tomto:
mám tam obrázek, na který jsem zapomněl a ten obrázel v Mozzile není vidět a v IE je vidět částečně. Nakopíroval jsem to na net, na adresu
http://www.krestan.cz/pokus/index.htm

Problém se nakonec tedy týká tohoto:

<PRE id=main_cell2>Obrázek na pozadí</PRE>

Obrázek jsem označil dvěmi červenými uhlopříčkami.
Radim24
Profil *
Ale vypadá to, že vám to zobrazí pouze IE
Radim24
Profil *
Tak už to zobrazí i Mozilla, ale co chi pochopit, co překrývá ten obrázek s uhlopříčkami... a jak to udělat aby nepřekrývalo
Radim24
Profil *
A nemyslete si, že jsem nehledal

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

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