Hilfe! Ansicht im FF korrekt, im IE UND OPERA nicht?

K

kiff124

Mitglied
Hallo Leute,
suche jetzt fast ne Stunde nach dem passenden Thema hier in der SuFu aber bis jetzt nix gefunden. Falls ich jedoch falsch sein sollte, bitte einfach verschieben.

Bin grad an einem kleinen Projekt und versuche mich ein wenig mit CSS.
Mein Problem, ich will per Position Relative und den Variablen TOP & LEFT/RIGHT ein Bild auf eine bestimmte Position setze. Im FF kein Problem, im IE und in OPERA gibts verschiebungen?

Hier mal Screens von allen 3 Browsern.
46492573.jpg
<-- FF
91435065.jpg
<-- IE
unbenanntqi.jpg
<-- Opera

Der Codeausschnitt:
Css
PHP: 
.content1{
border:1px solid #89a5b7; 
min-height:70px;
height:auto !important;
width:585px;
}
HTML: 
<div class="content1">

   <img src="img/pfeill.png" alt="pfeil" style="position: relative; left: -0.1em; top: -12px;"/>
   <img src="img/pfeilr.png" alt="pfeil" style="position: relative; left: 562px; top: -12px;"/>
   </div>
 
Gott oh Gott..
Alles klar danke, SUPER ANTWORT****** Hab mal danach gegooglt und ich musste den DOCTYPE von
Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

-->

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

ändern.. Diese Seite hat geholfen.

mfg
 
Gern geschehen. Aber um das Ding durch den W3C-Validator zu bekommen, musst Du schon noch auf weitere Dinge achten, zB CDATA usw.. Ich muß ehrlich gestehen, solange eine Seite beim validieren auffällig fehlerhaft ist, macht das Fehlersuchen einfach keinen Spaß, weil man nicht weiß, ob's der Code ist und/oder der Browser..

http://validator.w3.org/

mfg chmee
 
Weil's nicht klar hervorgeht, ob nun mit geändertem Doctype die Ansicht / Positionierung der Grafikelemente gleichermaßen im IE und Opera mit der im FF übereinstimmt, und der Thread seither noch nicht als erledigt markiert wurde, schmeiß ich hier mal meine Empfehlung in die Runde ;-)

CSS: 
.content1 img { display:block; }
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück