| Autor | Zpráva | ||
|---|---|---|---|
| libor XYZ Profil |
Vím, že IE a FF rozdílně interpretují v CSS rámečky a oblasti prvků, ale přesto nejsem schopen docílit stejného umístění menu… Najde se dobrá duše a konkrétně pomůže, prosím?
stránka: <body>
<div id="container">
<div class="blok">
<div class="hlavicka"></div>
<div class="menu">
<ul>
<li class="tlacitko"> <a href="index.html" >home </a></li>
<li class="tlacitko"> reference </li>
<li class="tlacitko"> <a href="index.html">kontakty </a></li>
</ul>
</div>
<div class="obsah">obsah stranky…</div>
<div class="paticka">firma | adresa </div>
</div>
</div>
</body>CSS: body {
font-family: Arial, sans-serif;
font-size: 13px;
padding: 0;
margin: 0;
line-height: 17px;
background-color: #DBF7CE;
background-repeat: no-repeat;
}
#container {
text-align: center;
}
.tlacitko {
color: #FFF;
background-color: #F60;
float: left;
list-style-type: none;
margin-right: 5px;
padding-right: 4px;
padding-left: 4px;
}
.tlacitko: hover {
border-bottom-style: solid;
border-bottom-width: thin;
border-bottom-color: #F00;
float: left;
}
.blok {
width: 1024px;
padding: 0px;
margin-right: auto;
margin-left: auto;
}
.hlavicka {
width: 1024px;
color: #FFF;
height: 150px;
background-image: url(orange_images/pomeranc_02.jpg);
margin: 0px;
padding: 0px;
position: relative;
}
.menu {
background-image: url(orange_images/pomeranc_04.jpg);
margin: 0px;
float: left;
padding: 0px;
position: relative;
width: 1024px;
height: 30px;
}
.obsah {
width: 947px;
color: #063;
background-image: url(orange_images/pomeranc_05.jpg);
background-repeat: repeat-y;
margin: 0px;
padding-top: 0px;
padding-right: 35px;
padding-bottom: 0px;
padding-left: 42px;
float: left;
text-align: left;
}
.paticka {
width: 1024px;
color: #FFF;
background-image: url(orange_images/pomeranc_07.jpg);
height: 29px;
text-align: center;
margin: 0px;
line-height: 25px;
position: relative;
padding: 0px;
float: left;
}Moderátor Chamurappi: Vkládej prosím kódy mezi značky [pre] a [/pre] (stačí kliknout na  ).Moderátor Chamurappi: Titulek „IE & FF“ nevystihuje podstatu dotazu. Příště zkus prosím vymyslet lepší.
|
||
| Railbot Profil |
#2 · Zasláno: 5. 1. 2011, 19:03:33
Čekáš, že si to někdo bude kopírovat a ukládat, aby se podíval, co máš za problém? Dodej živou ukázku nebo alespoň popiš konkrétní problém.
|
||
| Cup Profil |
#3 · Zasláno: 5. 1. 2011, 19:18:49 · Upravil/a: Cup
zjisti si jestli ti to funguje ve standartním režimu!
pak to dolaď třeba takto: dej si do stylů pro ie jiné vlastnosti pomocí css hacků. pro všechny prohlížeče border:; // nic před vlastností pro ie 6 _border:; // podtržítko před vlastností pro ie7 a ie 6 |border:; // oddělovač před vlastností |
||
| Chamurappi Profil |
#4 · Zasláno: 5. 1. 2011, 19:27:41
Reaguji na Cupa:
„dej si do stylů pro ie jiné vlastnosti pomocí css hacků“ Ale huš. K čemu mu hacky konkrétně pomůžou? Smažu tě. A sebe také. Bez živé ukázky nemá smysl to dál rozebírat. |
||
| Cup Profil |
#5 · Zasláno: 5. 1. 2011, 20:51:07
ok :)
|
||
| margin Profil * |
#6 · Zasláno: 5. 1. 2011, 21:13:50
Párkrát vidím v kódu float, ale nikde nevidím clear.
Jak funguje „float“ a „clear“ Chamurappi: „K čemu mu hacky konkrétně pomůžou?“ Vždyť víme, přece v cestě do kodérského pekla. „Hacky a dobrý kód nejsou kamarádi Hacky vnímám jako konstrukce, které využívají chyb prohlížečů. V pekle, kde jsou kodéři nuceni pracovat se špatným kódem, jsou nejbližšími Luciferovými pomocníky.“ Zdroj: Udržovatelný stylopis: pořádek v souborech, pozor na hacky a !important |
||
|
Časová prodleva: 13 let
|
|||
0