Anzeige:
Ergebnis 1 bis 5 von 5

Thema: Positionierung von "float: left;" elementen

Baum-Darstellung

Vorheriger Beitrag Vorheriger Beitrag   Nächster Beitrag Nächster Beitrag
  1. #1
    Registrierter Benutzer
    Registriert seit
    11.05.2007
    Beiträge
    24

    Positionierung von "float: left;" elementen [gelöst]

    Hallo!

    Meine html Kenntnisse sind etwas eingerostet und deshalb stehe ich hilflos vor dem folgenden Problem:

    Dieser Code
    Code:
    <html>
    
    <head><meta content="text/html; charset=utf-8" http-equiv="Content-Type"></head>
    
    <body>
            <div style="margin: 0px 0px 0px 200px;">
                    <div style="border: 1px solid red; margin: 0pt 0pt 0pt -200px; float: left;">
                            wrong positioned div
                    </div>
            
                    <p>
                            TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
                    </p>
            </div>
    </body>
    
    <html>
    wird zwar vom Firefox 2 Opera 9 und Safari 3 (wie ich finde) korrekt angezeigt. Für den Internetexplorer 6 muss jedoch aus
    Code:
    <div style="border: 1px solid red; margin: 0pt 0pt 0pt -200px; float: left;">
    das hier
    Code:
    <div style="border: 1px solid red; margin: 0pt 0pt 0pt -100px; float: left;">
    gemacht werden um das "selbe" Ergebnis zu erhalten.

    Es ist jetzt nicht so, als ob es für mich was neues wäre, dass verschieden Browser die Vorgaben des w3c "unterschiedlich Interpretieren" und auch, dass sich der Internet Explorer da oft sehr unrühmlich "hervortut" ist ja alt bekannt.

    Aber ich verstehe nicht was da schief läuft und bevor ich wieder eine extra css Datei für den IE schreibe möchte ich gerne wissen was da schief läuft und ob es vielleicht eine elegantere Lösung für das Problem gibt.
    Geändert von cgogolin (19-10-2007 um 09:32 Uhr)

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •