DIV width + border Probleme
Matt
- css
Hallo,
ich habe meine Seite per DIVs aufgebaut. Eigentlich sollte ein Block 750 px breit sein. Firefox und der Internet Explorer rechnen die Ränder (border, padding) mit ein, deshalb passt es hier nur bei 738 pixel, dass der DIV genau mit dem oberen Bild (was 750px) breit ist, aufhört. Jetzt schaue ich mir das Ganze im Safari an und stelle fest, dass dort 750px benötigt wird und die Ränder nicht mit einberechnet werden.
Wie kann ich dieses Problem lösen?
Oder liegt es an falschen CSS angaben?
.m1 {
width:738px;
background-color:#B0C4DE;
font-family:Georgia,Verdana,TimesNewRoman,Times,serif;;
color:#FFFFFF;
font-size:13px;
font-weight:bold;
margin-bottom:0;
padding:5px;
border:1px solid #000000;
border-bottom:0;
}
Regards,
Matt
wollkommen in der walt der Box-modell!!
bleicher
Hallo,
wollkommen in der walt der Box-modell!!
Du hast gelesen, dass es hier um den Safari und nicht um den IE geht?
Eigentlich verwundert mich das ein Wenig - zumal die Seite vom OP im standardkonformen Modus dargestellt zu werden scheint.
@Matt
vielleicht hilft es, wenn du
dein_div {box-sizing:content-box;}
in dein CSS schreibst. K.A. ob das schon vom Safari unterstützt wird.
mfg. Daniel