nicht angemeldet
css rahmen - untschiedliche interpretation
hallo.
ich möchte einen umrandeten kasten auf der seite haben, auf dem ein bild sitzt. das hatte ich ursprünglich mit umständlichen tabellen gemacht (eine schmale zelle schwarz, eine zelle mit text, eine schmale schwarz, drunter eine niedrige schwarz, oben das img), es ginge aber viel einfacher so:
<p style="border-style:solid; border-width:thin">
NUR: beim ie (5.5) stimmt's, bei netscape (6.1) ist aber ein beträchtlicher abstand zwischen bild und rahmen.
wie kann ich das lösen?
(übrigens, um's noch zu verkomplizieren, das img sitzt noch innerhalb eines div-tags, und wenn ich das wegnehm, ist auch beim ie der abstand da)
lg
-
Hi, Boris
NUR: beim ie (5.5) stimmt's, bei netscape (6.1) ist aber ein beträchtlicher abstand zwischen bild und rahmen.
Setze beim Bild margin: (ggf. auch padding:) auf 0px und entferne alle Leerzeichen um das Bild (<p><img /></p>).
LG Orlando
-
Moin!
<p style="border-style:solid; border-width:thin">
Warum nicht <img style="border:solid thin black;" src="..." ...>?
NUR: beim ie (5.5) stimmt's, bei netscape (6.1) ist aber ein beträchtlicher abstand zwischen bild und rahmen.
- Sven Rautenberg
-
danke, aber das nicht das bild soll einen rahmen bekommen, sondern ein text soll umrahmt werden, das bild soll sozusagen mit der oberen rahmenlinie verschmelzen, um sowas wie nen titel darzustellen.
Moin!
<p style="border-style:solid; border-width:thin">
Warum nicht <img style="border:solid thin black;" src="..." ...>?
NUR: beim ie (5.5) stimmt's, bei netscape (6.1) ist aber ein beträchtlicher abstand zwischen bild und rahmen.
- Sven Rautenberg
-
Moin!
danke, aber das nicht das bild soll einen rahmen bekommen, sondern ein text soll umrahmt werden, das bild soll sozusagen mit der oberen rahmenlinie verschmelzen, um sowas wie nen titel darzustellen.
Achso, von Text (und von deinem Quelltext!) war bislang noch garnicht die Rede. Woher soll ich das denn also wissen?
- Sven Rautenberg
-
konntest du nicht wissen. der quelltext, ja den würd ich gern zur verfügung stellen, nur liegt der zuhaus. wenn ich das problem noch nicht lösen kann, werd ich ihn ins web stellen und mich hier wieder melden.
Moin!
danke, aber das nicht das bild soll einen rahmen bekommen, sondern ein text soll umrahmt werden, das bild soll sozusagen mit der oberen rahmenlinie verschmelzen, um sowas wie nen titel darzustellen.
Achso, von Text (und von deinem Quelltext!) war bislang noch garnicht die Rede. Woher soll ich das denn also wissen?
- Sven Rautenberg
-
Tach auch,
konntest du nicht wissen. der quelltext, ja den würd ich gern zur verfügung stellen, nur liegt der zuhaus. wenn ich das problem noch nicht lösen kann, werd ich ihn ins web stellen und mich hier wieder melden.
Die Antwort hat Dir Orlando doch schon gegeben. Das ganze liegt daran dass das "Box-Model" (http://www.w3.org/TR/REC-CSS2/box.html) beim IE etwas seltsam implementiert ist. Deshalb musst Du margin und padding definieren und schon sollte es passen.
Gruss,
Armin-
ja genau, das hoff ich auch. (habs nur noch nicht ausprobieren können, deshalb...)
danke an alle, jedenfalls
Tach auch,
konntest du nicht wissen. der quelltext, ja den würd ich gern zur verfügung stellen, nur liegt der zuhaus. wenn ich das problem noch nicht lösen kann, werd ich ihn ins web stellen und mich hier wieder melden.
Die Antwort hat Dir Orlando doch schon gegeben. Das ganze liegt daran dass das "Box-Model" (http://www.w3.org/TR/REC-CSS2/box.html) beim IE etwas seltsam implementiert ist. Deshalb musst Du margin und padding definieren und schon sollte es passen.
Gruss,
Armin
-
-
Hiho,
konntest du nicht wissen. der quelltext, ja den würd ich gern zur verfügung stellen, nur liegt der zuhaus.
Ab nach Hause ;)
<glaskugel>
<div style="padding:0px; border:1px solid #000;">
<img />
<p style="margin:5px;">bla</p>
</div>
</glaskugel>wenn ich das problem noch nicht lösen kann
helfen dir
http://selfhtml.teamone.de/css/eigenschaften/innenabstand.htm und
http://selfhtml.teamone.de/css/eigenschaften/randabstand.htm
bestimmt weiter.LG Orlando
-
-