problem mit width bei div

[Frank]

Hi,
auf meiner neuen hp gibt es einen news-bereich.
jede news besteht aus einemBereich für die Überschrift und einem Bereich für den text.

Beide bereiche sind durch divs gegeben.

Mein Problem ist, das die divs bei meinem Code im IE gleich breit sind und im MF ist die überschrift 2px breiter. hier meine code:

.newstitle	{
		color:white;
                 background-color:#ffffff;
                 background-image:URL("../images/title.gif");
                 font-size:11px;
                 font-family:Verdana;
                 width:600px;
                 align:center;
                 text-align:left;
                 margin-top:22px;
                 border:1px solid white;
                 padding-top:1px;
                 padding-left:3px;
                 padding-right:3px;
                 height:15px;
		}

.newsdiv	{
		color:black;
                 background-color:#ffffff;
                 background-image:none;
                 font-size:11px;
                 font-family:Verdana;
                 width:600px;
                 align:center;
                 text-align:left;
                 padding:3px;
                 border-top:1px solid black;
		}

dazu dieser html code:

<div align="center">
<div class="newstitle">
Titel der NEws
</div>
<div class="newsdiv">
<p>
Text der news
</p>
</div>
</div>

 

[dukexp]

Bei den 2 Pixeln handelt es sich um den Rahmen.

 

[Frank]

ja habe ich mir auch schon gedacht. Ich habe daher bei der relevanten width von 600 auf 598 reduzeirt. +2 px gleich 600 .

Das stimmt dann im MF aber im IE nich mehr. im IE ist das dann 2 px zuklein :roll:

 

[dementius]

Altbekannter Bug im IE ..
Du kannst höchstens einen weiteren div als rahmen nehmen.

'dementius

 

[hobbyuser]

Altbekannter Bug im IE ..
Du kannst höchstens einen weiteren div als rahmen nehmen.

'dementius

Ich würde es nicht unbedingt als Bug bezeichnen, nur interpretiert der IE anders als der FF.
IE = Breite + Rahmen
FF = Breite inkl. Rahmen

Somit sind Div im IE bei vorgegebener Breite immer um den Rahmen breiter als in anderen Browsern. :-(

Eine einfache Möglichkeit dies zu beheben ist ein IE-Hack.

.KLASSE { width:600px; }
*html .KLASSE { width:598px; }

Dabei wird die zweite Zeile nur vom IE interpretiert. Wobei dies mit erscheinen der Version 7 neue Probleme bringen kann. ;ugl

Gruß
Hobbyuser

 

[Frank]

Mit ein bisschen tricksen habe ich es hinbekommen

.newstitle	{
		color:white;
                 background-color:#ffffff;
                 background-image:URL("../images/title.gif");
                 font-size:12px;
                 font-family:Verdana;
                 width:600px;
                 align:center;
                 text-align:left;
                 margin-top:22px;
                 border:1px solid white;
                 padding-top:1px;
                 padding-left:3px;
                 padding-right:3px;
                 height:15px;
		}

.newsdiv	{
		color:black;
                 background-color:#ffffff;
                 background-image:none;
                 font-size:11px;
                 font-family:Verdana;
                 width:600px;
                 align:center;
                 text-align:left;
                 padding:3px;
                 border:1px solid white;
                 margin-top:1px;
		}

Aber vielen dank für die Hilfe

 

[dukexp]

Somit sind Div im IE bei vorgegebener Breite immer um den Rahmen breiter als in anderen Browsern. :-(

Von wegen. Das ist nur im Quirksmodus der Fall. Befindet sich der IE im standardkonformen Modus interpretiert er die Angaben richtig.

 

[Frank]

Quirksmodus?
1. Was ist das
2. Wie änder ich das
3. Ich benutze MSIE 7.0 Beta3 Deutsch

 

[flapo]

Wikipedia ist dein Freund und Helfer