Autor | Zpráva | ||
---|---|---|---|
Radim24 Profil * |
#1 · Zasláno: 27. 7. 2008, 08:21:14
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 * |
#2 · Zasláno: 27. 7. 2008, 08:24:01
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 |
#3 · Zasláno: 27. 7. 2008, 10:09:03
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 * |
#4 · Zasláno: 27. 7. 2008, 12:15:44
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 * |
#5 · Zasláno: 27. 7. 2008, 12:17:28
Ale vypadá to, že vám to zobrazí pouze IE
|
||
Radim24 Profil * |
#6 · Zasláno: 27. 7. 2008, 12:20:21
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 * |
#7 · Zasláno: 27. 7. 2008, 22:52:56
A nemyslete si, že jsem nehledal
|
||
Časová prodleva: 16 let
|
0