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 |
#2 · Zasláno: 28. 12. 2007, 18:09:45
Přidej do CSS
* {margin:0;padding:0} |
||
Wycis Profil * |
#3 · Zasláno: 28. 12. 2007, 18:30:45
kam přesně?..
|
||
Manq Profil |
#4 · Zasláno: 28. 12. 2007, 18:31:55
Wycis
Kdybys to zkusil někam do CSS kopnout, nemusel by ses ptát. Je to jedno. Třeba na začátek. |
||
Wycis Profil * |
#5 · Zasláno: 28. 12. 2007, 18:39:04
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 |
#6 · Zasláno: 28. 12. 2007, 18:40:45
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 * |
#7 · Zasláno: 28. 12. 2007, 18:49:20
Asi vám nerozumím. Mam dat toto: margin:0;padding:0 proste do CSS souboru bez cehokoliv jineho?
|
||
Manq Profil |
#8 · Zasláno: 28. 12. 2007, 18:51:54
Já ale nepsal margin:0;padding:0. Já psal * {margin:0;padding:0}
|
||
Wycis Profil * |
#9 · Zasláno: 28. 12. 2007, 18:54:36
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 |
#10 · Zasláno: 28. 12. 2007, 19:03:22 · Upravil/a: Kentaur
Wycis
* je totiž univerzální selektor, jenž reprezentuje na stránce všechny prvky. |
||
Wycis Profil * |
#11 · Zasláno: 28. 12. 2007, 19:14:51
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 |
#12 · Zasláno: 28. 12. 2007, 19:17:58
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 |
#13 · Zasláno: 28. 12. 2007, 19:19:35
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 |
#14 · Zasláno: 28. 12. 2007, 19:28:57
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. |
||
Časová prodleva: 16 let
|
0