Autor Zpráva
wimstr
Profil
Ahoj

Dělám stránky, na kterých mám horní menu (nahoře na stránce menu s šířkou 100%) a v něm mám odkazi s šířkou 140px...v IE mi to jde v pohodě, ale v Mozille mi to nebere tu šířku odkazů 140px, a když nastavím padding, tak se to ani nehne.
WanTo
Profil
Máš to někde na internetu?
wimstr
Profil
Zatim ne, ale jde spíš o to jestli nevíš něco co by mi mohlo pomoc (jestli jsi se s tím už nesetkal).
WanTo
Profil
jestli jsi se s tím už nesetkal
Je to možné, právě proto bych rád viděl kód :-)
wimstr
Profil
Tay jsou úryvky z kódu

index:

<div id="horni-menu" style="position: absolute; width: 100%; height: 28px; top: 110px">


<a href="index.htm">Hlavní stránka</a><a href="fotogalerie.htm">Fotogalerie</a><a href="atlas_ryb.htm">Atlas ryb</a><a href="kniha.php">Kniha návštěv</a><a href="recenze.htm">Recenze</a><a href="typi_a_triky.htm">Typy a triky</a><a href="odkazy.htm">Odkazy</a>


</div>

styl:

#horni-menu border {

position: relative;

heigth: 28px;

top: 10px;

}

#horni-menu a:link { color: #ffffff }
#horni-menu a:visited { color: #ffffff }

#horni-menu a {

text-decoration: none;

font-weight: bold;

text-align: center;

border-right: 1px solid #ffffff;

padding-left: 6px;

padding-right: 6px;

padding-top: 0px;

padding-bottom: 12px;

position: relative;

width: 140px;

bottom: 0px;

height: 28px;

}

#horni-menu a:hover {

color: #ffffff;

text-align: center;

border-right: 1px solid #ffffff;

background-color: #639ebe;

padding-left: 6px;

padding-right: 6px;

padding-top: 0px;

padding-bottom: 12px;

position: relative;

width: 140px;

bottom: 0px;

height: 28px;

}
WanTo
Profil
wimstr
Zkus do stylopisu přidat odkazům display: block;
wimstr
Profil
To se sice roztáhne ale pak je to s řídkovím odsazením.
RPG
Profil
wimstr
float
wimstr
Profil
RPG díky moc..

ještě mám jeden problém s tim menu..kdýž nastavim padding-top nebo bottom, tak mi to zvětší i ten odkaz a neposune jenom text. v IE v poho jenom Mozilla
WanTo
Profil
wimstr
Problém bude v imho tom, že IE ve quirk modu počítá box-model jinak než Mozilla.
wimstr
Profil
a ještě poslední.... mám tabulku v pravém sloupci, která v mozille přesahuje 100% hodnotu o 1px v IE normal... a ne a ne příd na to jak se toho pixelu zbavit
RPG
Profil
wimstr
* {-moz-box-sizing: border-box; box-sizing: border-box;}

Do CSS. Mělo by pomoci.
wimstr
Profil
kam přesně to mám napsat...k divu, nebo k tabulce (mám v pravim udělatnou tabulku a ta přesahuje)
WanTo
Profil
kam přesně to mám napsat...k divu, nebo k tabulce (mám v pravim udělatnou tabulku a ta přesahuje)
Prostě to přidej k CSS definicím.
wimstr
Profil
Něco se posunulo ale ne vše
wimstr
Profil
Už to mám....už jenom poslední maličkost...ten praví sloupec, je jeden pixel vedle v Mozille než v IE
Toto téma je uzamčeno. Odpověď nelze zaslat.

0