Ez a kis trükk nem annyira nagy dolog, lehet sokatok tudja ezt, de nekem még új volt, ezért leírom:

Sokszor előfordul, hogy Internet Explorerben, Firefoxban, Operában stb... a margin tulajdonságra szétesik a lap, nem ugyan akkora, nem azt a képet mutatja más-más böngészőben.


Adott például egy szürke hátterű oldal (#dbdbdb), és ezen szeretnénk az oldal szerkezetét megvalósítani. Van egy fejlécünk, narancs háttérrel(#FF7400).Ezzel nincs semmi gond, width:750px, height:150px. Ez alá jön a tartalomrész, 30 pixellel lejjebb, mint a fejléc:

#tartalom {
width: 750px;
background-color: #FF7400;
border-top: #dbdbdb solid 30px;
margin:0;
padding:0
}
Láthatjuk, hogy a div-nek nem margin értéket adtunk meg, hanem egy bordert, ami olyan színű, mint a háttér, így azt a hatást kelti, mint ha margin lenne. Minden böngészőben, minden verzióban tapasztalataim szerint ugyan azt a képet mutatja.

Remélem valakinek nyújtott újdonságot:)