tutorials.de Buch-Aktion 05/2012
Like Tree1Danke
  • 1 Beitrag von chmee
ERLEDIGT
NEIN
ANTWORTEN
4
ZUGRIFFE
330
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. #1
    kiff124 kiff124 ist offline Mitglied Bronze
    Registriert seit
    Mar 2007
    Beiträge
    41
    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.
    http://img138.imageshack.us/img138/9236/46492573.jpg <-- FF
    http://img687.imageshack.us/img687/7581/91435065.jpg <-- IE
    http://img15.imageshack.us/img15/6931/unbenanntqi.jpg <-- Opera

    Der Codeausschnitt:
    Css
    PHP-Code:
    .content1{
    border:1px solid #89a5b7; 
    min-height:70px;
    height:auto !important;
    width:585px;

    HTML-Code:
    <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>
     

  2. #2
    Avatar von chmee
    chmee chmee ist offline mod | media
    tutorials.de Moderator
    Registriert seit
    Apr 2004
    Ort
    Berlin bei Potsdam
    Beiträge
    7.629
    Blog-Einträge
    4
    Bitte mal überprüfen, ob die Seite im Standards- oder Quirks-Modus läuft.
    (Und nach Quirksmodus im Netz schnüffeln )

    http://www.tutorials.de/html-xhtml/3...ld-falsch.html

    mfg chmee
    tobee bedankt sich. 
    Mein Blog - VideoFAQ - FotoFAQ - bei Flickr - DSLR Kleinanzeigen
    Benutzt den DANKE-Knopf oder bewertet den Beitrag

    "GEHT NICHT" HILFT NICHT, TESTET EURE CODES ONLINE UND GEBT KLARE INFOS!
    -> Regexp <- -> php <- -> Javascript <-

  3. #3
    kiff124 kiff124 ist offline Mitglied Bronze
    Registriert seit
    Mar 2007
    Beiträge
    41
    Gott oh Gott..
    Alles klar danke, SUPER ANTWORT****** Hab mal danach gegooglt und ich musste den DOCTYPE von
    Code :
    1
    2
    3
    4
    5
    6
    
    <!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
     

  4. #4
    Avatar von chmee
    chmee chmee ist offline mod | media
    tutorials.de Moderator
    Registriert seit
    Apr 2004
    Ort
    Berlin bei Potsdam
    Beiträge
    7.629
    Blog-Einträge
    4
    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
     
    Mein Blog - VideoFAQ - FotoFAQ - bei Flickr - DSLR Kleinanzeigen
    Benutzt den DANKE-Knopf oder bewertet den Beitrag

    "GEHT NICHT" HILFT NICHT, TESTET EURE CODES ONLINE UND GEBT KLARE INFOS!
    -> Regexp <- -> php <- -> Javascript <-

  5. #5
    Avatar von spicelab
    spicelab spicelab ist offline ZENmechanic
    Registriert seit
    Feb 2010
    Beiträge
    1.744
    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

    Code css:
    1
    
    .content1 img { display:block; }
     

Ähnliche Themen

  1. Antworten: 3
    Letzter Beitrag: 27.06.06, 16:34
  2. Antworten: 4
    Letzter Beitrag: 27.06.06, 09:42
  3. Antworten: 0
    Letzter Beitrag: 17.06.06, 01:24
  4. Antworten: 1
    Letzter Beitrag: 08.03.06, 16:41
  5. DIV - Im IE korrekt, im Opera defekt.
    Von Suchfunktion im Forum HTML & XHTML
    Antworten: 3
    Letzter Beitrag: 25.11.05, 09:23