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
Č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
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
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
ok :)
margin
Profil *
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

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: