ff vs ie - die größe passt nicht mer

müsli

hallo !

ich hab gehört ihr sollt ziemlich schnell sein...

also ich hab daheim mal meine erste homepage erstellt.
ich hab mich dabei mal mit divs und css beschäftigt.

auf der seite is mittig eben so ein div-container mit
nem festen rahmen. margin is auf 0px, padding is auf 0px.
klappt im ie und im ff optimal.

wenn ich jetzt allerdings das padding auf 15 setze, damit
der text nicht so am rand klebt, wird der rahmen des divs
im ff breiter und höher. im ie bleibt er gleich.

warum macht das der ff und wie kann ich machen damit er des nicht macht ?

Ronald

Moin!

Meine Glaskugel ist in der Werkstatt - wie wäre es mit einer URL ?

Fragt ...

Ronald

Lifestyle16

schau mal bei selfhtml nach da gehst du auf (Stylecheets)css und dann auf css basierte Layouts und dann auf das ganz untere irgendwas mit Browser und so da steht was über Browseranpassung.

driver

unser ruf eilt uns vorraus *G*

aber n quelltext wär auch nicht schlecht...

online ise noch nicht. aber ich kann euch den quelltext geben,
so konnt ihrs mal ausprobieren...

die css:

Code

body {
background-color:#000000;
color:#ffffff;
}


#aussen { 
border:1px solid; 
width:500px;
height:300px;
top:50px;
left:50px;
padding:15px;
overflow:auto;
margin:0px;
}

Alles anzeigen

und die html-datei:

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>
<div id="aussen">
-inhalt--inhalt--inhalt-


-inhalt--inhalt--inhalt-


-inhalt--inhalt--inhalt-


-inhalt--inhalt--inhalt-


-inhalt--inhalt--inhalt-


</div>
</body>
</html>

Alles anzeigen

[/code]

hoffe das hilft weiter [/code]

müsli

niemand der mir helfen kann ?

Ronald

Bei mir sieht es in beiden Browser gleich aus, allerdings ist das Feld nicht mittig, sondern in der linken Ecke. Der Rahmen und die Abstände zum Rahmen sind aber gleich.

Ich habe allerdings die Styles direkt in der Datei definiert, anstatt mit einem Verweis. Das sollte aber keine Rolle spielen.

G.a.d.M.

Ronald

driver

also ich habs auchmal versucht und bei mir tritt das gleiche problem auf (siehe screenshot).

könnte es evtl an der version liegen ?
ich hab hier ie 6.0 und ff 1.5.0.7...

driver

also.... tatsächlich ises anscheinend so, dass der ie und der ff verschiedene rechenarten haben...

beim ie wird das width von inhalt und padding aufgeteilt.
beim ff bleibt der inhalt gleich und das padding wird ans width nochmal drangehängt.

gibt ne menge thread dazu wo meistens aufs boxmodell verwiesen wird,
oder irgendwelche browserweichen empfohlen werden...

ich würd dir mal das hier empfehlen, is zwar nicht die feine html-art, aber es funzt.

css:

Code

#aussen { 
padding:55px;
overflow:auto;
margin:0px;
}


#puffer {
border:1px solid; 
width:500px;
height:300px;
top:50px;
left:50px;
}

Alles anzeigen

html:

Code

<div id="puffer">
<div id="aussen">
-inhalt--inhalt--inhalt-


</div>
</div>

dann sollte es klappen..

Tags