Autor Zpráva
Lidl
Profil *
Zdravím,
mám takový menší problém, vytvořil jsem si pozadí pro menu, kde jsem zadal šířku i výšku a nějaké odsazení aby to nebylo hned u kraje, ale mám problém, že IE my to vykreslí na tu požadovanou šířku, ale FF a Opera mi to vykreslí o několik px větší a to se mi nelíbí, protože je to moc vysoké. nemohl by mi někdo poradit???

CSS:
#menu
{
font-family: Arial, Times new Roman;
font-size: 16px;
font-weight: bold;
COLOR: #FFFFFF;
margin: 0 0 0 0;
padding: 0 0 0 0;
text-align: left;
float: left;
width: 200px;
height: auto;
}

#menu a
{
padding: 0px 0px 0px 0px;
height: 30px;
width: 200px;
text-decoration: none;
margin-top: 2px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 2px;
}

#menu a:link, #menu a:visited
{
color: #ffffff;
font-weight: bold;
display: block;
background: url(Foto/bg_green.gif);
padding: 8px 0px 0px 10px;
height: 30px;
}

#menu a:hover
{
color: #ffffff;
font-weight: bold;
background: url(Foto/bg_orange.gif);
padding: 8px 0px 0px 10px;
height: 30px;
}

html:
<div id="menu">

<a href="Uvod.html">Úvod</a>
<a href="Uvod.html">Akce</a>
<a href="Uvod.html">Nabídka táborů</a>

</div>
luboš
Profil *
a jaky mas na ty strance doctype? vypada to na jinej box-model, zkus si o nem neco najit. pokud ti vyhovuje zobrazeni v IE, asi nejjednoduseji to sjednotis smazanim <!doctype>.
a btw, mas v tom trosku zmatky:
font-family: Arial, Times new Roman je blbost, protoze Arial je bezpatkovy a Times patkovy. dej tam "font-family: Arial,sans-serif;"
padding: 0px 0px 0px 0px; staci zapsat padding: 0;
atp.
Bubák
Profil
http://ie-brouci.dero.name/box-model.html

http://www.jakpsatweb.cz/css/moz-box-sizing.html
* {-moz-box-sizing: border-box; box-sizing: border-box;}
Lidl
Profil *
Díky, zmatky v tom mám to je možné, třeba ten times jsem tam mněl první a nechla jsem ho omylem tam, když jsem změnil font na arial.
Jinak když smažu doctype, tak nebude to vadit v jiných věcech???
Bubák
Profil
Jinak když smažu doctype, tak nebude to vadit v jiných věcech???
Zkusil jsi to, pomohlo?

Zatím jsi nenapsal, jakou DTD používáš, předpokládám tuhle:
Přechodné HTML 4.01 bez URL
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
Lidl
Profil *
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
ano přesně tuto, jaký bych m´ěl tedy použít.
Díky
Měsíček
Profil
To záleží na tobě ;) ta s tou adresou se blíží trochu více specifikaci CSS a jejím standartům zato ta druhá se bude snažit přepnout do quirk režimu a bude brát ohled na starší verze prohlížečů (tedy i některé chyby, třeba povolí i některé hacky). Použij tu která ti bude více sedět.
Lidl
Profil *
Jinak podařilo se mi to vyřešit tím:
* {-moz-box-sizing: border-box; box-sizing: border-box;}
v CSS. Teď mi to FF ale pro změnu počítá menší, vypadá to líp než větší, ale přece jenom pořád to není ono.
A co se týče doctype, změnil jsem ho na
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Ale tžádný rozdíl, ani když jsem ho smazal.
čím to ještě může být?? děkuji moc

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: