Autor Zpráva
janrok
Profil
Dobrý den,

mám definovány v CSS 2 bloky, které mají být umístěny pod sebou:

#b1 {
width: 800px;
background-color: #C45885;
}
#b2 {
width: 800px;
background-color: #784522;
}
p.neco { ........ }

V HTML pak je :

...
<div id="b1">
text1
</div>
<div id="b2">
<p class="neco">text2</p>
</div>
...

V IE6 jsou oba bloky přisazeny těsně k sobě, ale v Mozille (Firefox) je mezi bloky mezera 1 řádku. Dělá to tag <p>. Ale jak to tedy nadefinovat, aby to v obou prohlížečích bylo stejně?
Pozn: ten tag <p> tam musím mít, přes CSS je pak jinak obarven.
Díky. J.R.
habendorf
Profil
Pozn: ten tag <p> tam musím mít, přes CSS je pak jinak obarven.

Ten tag <p> tam být nemusí, obarvit můžeš rovnou #b2. A jestli to z nějakého důvodu nelze, tak místo <p> použij <span>.
Honza Hučín
Profil
Případně můžeš zkusit nastavit horní okraj na nulu:

#b2 p {margin-top:0px}
Wan-To
Profil *
Nebo zkus nastavit okraj všude na nulu margin: 0px; To mi úspěšně zrušilo velké mezery pod nadpisy <h1-6>
Toto téma je uzamčeno. Odpověď nelze zaslat.