rozne centrovanie v prehliadacoch

zdravim ..
mam taky problem .. urobil som na stranke vodorovne menu (linky v jednom riadku) ale v roznych prehliadacoch maju roznu polohu :(
skusal som zarovnanie pomocou css ale bez uspechu .. vedeli by ste mi poradit najlepsie by bolo urcit vzdialenost v pixeloch od okraja (ked nieco take existuje :) )

---------------------------------------------

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<HTML>

<HEAD>

</HEAD>

A {text-decoration: none}
A:link {color: FFFFFF}
A:visited {color: FFFFFF}
A:active {color: 999999}
A:hover {color: 2a1770}

span{
display:block;/* tvári sa ako blok */
height:30px; /* výška */
text-align:center; /* vycentrovanie po šírke */
line-height:0px; /* riadkovanie */
}
</style>

& nbsp;
 
 
 
 
&n bsp;

<A HREF="akcie/akcie.html" TARGET="dole">Akcie</A>  
<A HREF="tvorba/tvorba.html" TARGET="dole">Tvorba</A>  
<A HREF="tlacoviny/tlacoviny.html" TARGET="dole">Tlačoviny</A>  
<A HREF="onas/onas.html" TARGET="dole">O nás</A>  
<A HREF="clenstvo/clenstvo.html" TARGET="dole">Členstvo</A>  
<A HREF="kontakty/kontakty.html" TARGET="dole">Kontakty</A>  
<A HREF="odkazy/odkazy.html" TARGET="dole">Odkazy</A>  
<A HREF="xxxxxxxxxxxxxxxxxxxxxxxxxxxx" TARGET="dole">Kniha návštev</A>

</BODY>

</HTML>

Předmět	Autor	Datum
Na vycentrování ti bude fungovat margin: auto. Kráťa 14.07.2008 17:25	Kráťa	14.07.2008 17:25
trošku sem to promazal, ty "A:link {color: FFFFFF}" atd.. si dejte zpět do <style></style> ale mělo… ádal 14.07.2008 17:39	ádal	14.07.2008 17:39
no nepomohlo ani to .. stale je tan posun pri porovnani firefox a opera :-/ ale dik za ochotu .. ;-) pacmaga 14.07.2008 17:51	pacmaga	14.07.2008 17:51
A co tak? <style type="text/css"> body {text-align: center; margin: 5px} #menu { width: 500px; backg… poslední Kráťa 14.07.2008 18:17	Kráťa	14.07.2008 18:17

Na vycentrování ti bude fungovat margin: auto.

trošku sem to promazal, ty "A:link {color: FFFFFF}" atd.. si dejte zpět do <style></style> ale mělo by to být umístěnto celé v head

<?xml version="1.0" encoding="windows-1250"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "xhtml1-transitional .dtd">
<html xmlns="xhtml" xml:lang="cz" lang="cz">

#menu
{
left: 100px;
top: 150px;
width: 500px;
line-height: 17px;
background-color: transparent;
position: fixed;
margin-left: 0px;
margin-top: 0px;
padding: 0px;
z-index: 4;
}
</style>

</head>

<body>

<a href="uvod/uvod.html" target="dole">úvod</a>
<a href="akcie/akcie.html" target="dole">akcie</a>
<a href="tvorba/tvorba.html" target="dole">tvorba</a>
<a href="tlacoviny/tlacoviny.html" target="dole">tlačoviny</a>
<a href="onas/onas.html" target="dole">o nás</a>
<a href="clenstvo/clenstvo.html" target="dole">členstvo</a>
<a href="kontakty/kontakty.html" target="dole">kontakty</a>
<a href="odkazy/odkazy.html" target="dole">odkazy</a>
<a href="xxxxxxxxxxxxxxxxxxxxxxxxxxxx" target="dole">kniha návštev</a>

</div>

</body>
</html>

no nepomohlo ani to .. stale je tan posun pri porovnani firefox a opera
ale dik za ochotu ..

A co tak?
<style type="text/css">
body {text-align: center; margin: 5px}
#menu
{
width: 500px;
background-color: yellow;
padding: 0px;
margin: 10px auto;
text-align: center
}
</style>

</head>

<body>

</div>

</body>

Zpět do poradny Odpovědět na původní otázku Nahoru