Rahmenabstand? IE?

B

breytex

Mitglied
Hallo zusammen.
Ich möchte in CSS einem Bild einen Rahmen geben, der aber 2px Abstand zum Bild hat.

Habe das so gemacht:
CSS: 
#rahmen{
border: 1px solid  #0055BB;
padding:2px;
}

Das funktioniert überall, aber natürlich im IE mal wieder nicht.

Hat da jemand ne Idee, wie ich das dem IE beibringen kann ?

lG
breytex
 
Hi,

bei mir interpretiert der IE zwar in allen Versionen den gewünschten Innenabstand, aber du kannst ja mal zusätzlich display:block in der Regel aufnehmen, um dem Inline-Element "Block-Level-Charakteristika" zu verleihen.

mfg Maik
 
geht leider noch immer nicht.
Folgendes Beispiel zum "copy&past"-Test ;-)

HTML: 
<style>
#rahmen{
border: 1px solid  #0055BB;
padding:22px;
display:block;
}
</style>
<img src="1046_14.jpg" id="rahmen" />

Im Opera und FF nach wie vor richtig, aber im IE leider nicht.

Ich kann das auch leider nicht mit z.B. einem Div und margin auf dem IMG lösen, da der Rahmen durch NUR die ID zuweisbar sein muss (die ID wird von einem RTE vergeben...)

Geht das mit css, sodass es auch im IE funktioniert?

lG
 
Hi,

dann übergibst du das HTML-Dokument den Browsern nicht im standardkonformen Modus, denn im Darstellungsmodus "Quirksmode" interpretiert der IE das "CSS-Boxmodell" fehlerhaft bis garnicht.

HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<meta name="author" content="Maik">
<meta name="date" content="2009-05-06">

<title>tutorials.de | demo_breytex</title>

<style type="text/css">
<!--
#rahmen{
border: 1px solid  #0055BB;
padding:22px;
}
-->
</style>

</head>
<body>

<img src="1046_14.jpg" id="rahmen">

</body>
</html>


mfg Maik
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück