Autor Zpráva
Wycis
Profil *
Zdravím všechny, dělám stránky www.trutnovsko.eu a mam problem s optimalizováním pro mozzilu. V IE 6,7 je vše jak má být ale když si stránku otevřete v mozzile vidíte že všechen text je posunut asi o 20px dolů než má být.
Proto prosím o veškeré nápady o to jak tento problém eliminovat. Děkuju předem.
Přikládam CSS udaje:

#kontajner {
margin: 0 auto;
width: 1000px;
}


#top_bar{
position: absolute;
top: 180px;
left: 265px;
width: 610px;
height: 20px;
background-color: #FFCC66;
border: solid 2px #999999;
padding-left: 10px;
}


#main_bar{
position: absolute;
top: 37px;
left: 258px;
width: 620px;
height: 118px;
background-image: url(images/main_bar_background.gif);
background-color: #FFFFFF;
}

#left_menu_top{
position: absolute;
top: 180px;
left: 100px;
width: 150px;
height: 20px;
background-color: #FFCC66;
border: solid 2px #999999;
}

#left_menu {
padding-top: 20px;
position: absolute;
top: 210px;
left: 100px;
width: 150px;
height: 380px;
background-color: #FFFFFF;
background-image: url(images/left_menu_background.gif);

}

#right_menu_top{
position:absolute;
top: 180px;
left: 915px;
width: 150px;
height: 20px;
background-color: #FFCC66;
border: solid 2px #999999;
}

#right_menu {
padding-top: 20px;
position: absolute;
top: 210px;
left: 915px;
width: 150px;
height: 380px;
background-color: #FFFFFF;
background-image: url(images/left_menu_background.gif);
}




#body_nadpisy {
position: absolute;
left: 276px;
top: 200px;
padding-left:20px;
padding-top: 20px;
padding-right:20px;
min-height: 39px;
margin-top: 10px;
width: 570px;
background-color: #CCCCCC;
background-repeat: repeat-y;
background-image: url(images/body_nadpisy_background.gif);
}


#body_text{
position: absolute;
left: 280px;
top: 275px;
padding-left:20px;
padding-top: 20px;
padding-right:20px;
min-height: 290px;
width: 560px;
border: solid 2px #FFCC66;
background-color: #CCCCCC;
}


/*TEXT STYLE!*/
.main_bar_text {
font: 0.7em Verdana, sans-serif;
text-align: center;
font-size: 20px;
font-weight: italic;
color: #FFFFFF;
text-decoration: none;
padding-top: 25px;
}

.top_bar_text a{
font: 0.7em Verdana, sans-serif;
text-align: right;
font-size: 10px;
font-weight: italic;
color: #000000;
text-decoration: none;
padding-top: 8px;
}

.top_bar_text a:hover{
background-color: #FFCC66;
text-decoration: underline;
font-weight: bold;
}


.body_text_nadpis {
font: 0.7em Verdana, sans-serif;
text-align: center;
font-size: 15px;
font-weight: bold;
color: #000000;
text-decoration: none;
padding-top: 5px;
}

.body_text_small {
font: 0.7em Verdana, sans-serif;
text-align: left;
font-size: 10px;
font-weight: bold;
color: #000000;
text-decoration: none;
padding-top: 5px;
}

.body_text_big {
font: 0.7em Verdana, sans-serif;
text-align: left;
font-size: 14px;
font-weight: bold;
color: #000000;
text-decoration: none;
padding-top: 5px;
}

.body_text_small_link {
font: 0.7em Verdana, sans-serif;
text-align: left;
font-size: 11px;
font-weight: bold;
color: #000000;
text-decoration: none;
}

.body_text_small_only_images{
font: 0.7em Verdana, sans-serif;
padding-left: 120px;
font-size: 11px;
font-weight: bold;
color: #000000;
text-decoration: none;
}

.menu_top_text{
font: 0.7em Verdana, sans-serif;
text-align: center;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
}

.left_menu_text a{
position: relative;
right: 2px;
float: right;
width: 130px;
height: 20px;
background-color: #CCCCCC;
border-left: solid 3px #FFCC66;
border-bottom: solid 1px #FFFFFF;
font: 0.7em Verdana, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
padding-top: 5px;
}
.left_menu_text a:hover{
background-color: #FFCC66;
text-decoration: none;
}

.lista {
background-color: #FFCC66;
text-align: center;
}

— Moderátor: upraven nadpis. Jinak to není mozzila ale mozilla. —
Manq
Profil
Přidej do CSS
* {margin:0;padding:0}
Wycis
Profil *
kam přesně?..
Manq
Profil
Wycis
Kdybys to zkusil někam do CSS kopnout, nemusel by ses ptát. Je to jedno. Třeba na začátek.
Wycis
Profil *
Tak sem zkusil a nic, vše je jak bylo. Dal sem to do kontajneru a nic. Potom do všeho, taky nic....
Manq
Profil
Wycis
Ach jo. Přesně jak jsem předpokládal. Nesmíš to dát mezi složené závorky, ale jako samostatný selektor!
Wycis
Profil *
Asi vám nerozumím. Mam dat toto: margin:0;padding:0 proste do CSS souboru bez cehokoliv jineho?
Manq
Profil
Já ale nepsal margin:0;padding:0. Já psal * {margin:0;padding:0}
Wycis
Profil *
Aha, no ja to blbě pochopil, myslel jsme jen ten vnitřek protože jsme tenhle zápis jěště nidky neviděl...Každopádně děkuju už je to v pořádku.
Kentaur
Profil
Wycis
* je totiž univerzální selektor, jenž reprezentuje na stránce všechny prvky.
Wycis
Profil *
Diky. Určitě se to bude jěště hodit. Zajimavé je že jsem tohle nikdy nikde neviděl v žadných kurzech na netu atd.
Manq
Profil
Wycis
Je to totiž tajné a kouzelné, proto se o tom moc nemluví :o).

http://interval.cz/clanky/css2-selektory-pseudotridy-a-pseudoelementy/
Plaváček
Profil
Wycis

Říká se tomu CSS reset a moderní doba velí se tomuto řešení vyhnout (pokud nevíš, co děláš). Viz hezký článek a komentáře zde http://blog.filosof.biz/css-reset/
Kentaur
Profil
Wycis
Zajimavé je že jsem tohle nikdy nikde neviděl v žadných kurzech na netu atd.

Většinou se asi totiž předpokládá, že se to nějak obejde (body apod.), ale kdybys třeba zkoumal zázračné IE, tak jistě narazíš třeba na něco takového * html, IE je totiž jediný prohlížeč, který ti tohle sežere. Je to výhody, využívá se to při chybičkách v IE (někdy třeba u Holly Hacku).

Jinak bys na to jistě narazil, kdybys víc zkoumal zd. kody stránek.

Vaše odpověď

Mohlo by se hodit

Nezapomeňte na odkaz na živou ukázku problému.

Prosím používejte diakritiku a interpunkci.

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