tutorials.de Buch-Aktion 05/2012
Like Tree1Danke
  • 1 Beitrag von hela
ERLEDIGT
JA
ANTWORTEN
2
ZUGRIFFE
384
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. #1
    DoRiMaN DoRiMaN ist offline Mitglied Gold
    Registriert seit
    Oct 2003
    Beiträge
    102
    Hallo alle!

    ich versuche mich gerade an einem Layout mit DIVs. Ich brauche drei "Spalten", die ich mit DIVs darstellen möchte.
    Die linke spalte muss 27px breit sein, die rechte auch, und die mittlere die restliche Breite füllen. Abstand soll es keinen geben.

    Gelöst habe ich es so:
    HTML-Code:
    <div id="left" style="border: dotted 1px #FF0000; width: 27px; height: 43px; float: left;"></div>
    <div id="right" style="border: dotted 1px #FF0000; width: 27px; height: 43px; float: right;"></div>
    <div id="center" style="border: solid 1px blue; margin: 0px 27px 0px 27px; height: 43px;"></div>
    Firefox zeigts korrekt an:
    http://img200.imageshack.us/img200/5776/82894702.jpg

    Der IE (alle Versionen) jedoch zeigt einen linken und rechten Margin an:
    http://img15.imageshack.us/img15/9061/94481111.jpg

    Ich habe mich Mal mit den IE Entwicklertools auseinandergesetzt, dort wird nirgends ein Margin angezeigt. Was mir aufgefallen ist: Der linke Offset-Wert ist nicht korrekt.
    Das linke DIV hat einen Offset von 10:
    http://img808.imageshack.us/img808/1299/offsetleft.jpg
    was korrekt ist, das sind die 10px Margin vom Body.

    Das mittlere DIV jedoch, hat einen Offset von 40:
    http://img16.imageshack.us/img16/4825/offsetcenter.jpg
    sollten jedoch 37 sein (10 Margin + 27 linkes DIV).

    Ich weiss nicht mehr wo ich suchen soll, ich bring diese Abstände einfach nicht weg
    Hat jemand eine Idee?


    Danke im Voraus!
    doriman
     
    Real programmers confuse Halloween and Christmas because OCT 31 = DEC 25...

  2. #2
    Avatar von hela
    hela hela ist gerade online Mitglied Smaragd
    tutorials.de Premium-User
    Registriert seit
    Oct 2004
    Beiträge
    1.123
    Zitat Zitat von DoRiMaN Beitrag anzeigen
    ...
    Ich habe mich Mal mit den IE Entwicklertools auseinandergesetzt, ...
    Hallo,

    sieh bitte mal in der oberen Leiste der IE-Entwicklertools nach, ob dort "Dokumentmodus: Quirks" steht. Wenn das der Fall sein sollte, dann müsstest du mit einer geeigneten Dokumenttypdeklaration in der ersten Zeile deines Dokuments den Browser in den Standardmodus setzen.

    Deine Fehlerbeschreibung ist mit dem HTML-Fragment nur im Quirksmodus reproduzierbar.
    DoRiMaN bedankt sich. 

  3. #3
    DoRiMaN DoRiMaN ist offline Mitglied Gold
    Registriert seit
    Oct 2003
    Beiträge
    102
    genau das hats ausgemacht, hatte nicht bemerkt dass ich versehentlich das DOCTYPE-Tag gelöscht hatte!

    Danke
     
    Real programmers confuse Halloween and Christmas because OCT 31 = DEC 25...

Ähnliche Themen

  1. Divs über Layout?
    Von php-KinG im Forum CSS
    Antworten: 1
    Letzter Beitrag: 18.05.08, 15:09
  2. Divs über Layout?
    Von php-KinG im Forum HTML & XHTML
    Antworten: 1
    Letzter Beitrag: 18.05.08, 15:09
  3. komplexes Layout? mit divs umsetzen
    Von Colt im Forum HTML & XHTML
    Antworten: 1
    Letzter Beitrag: 24.09.07, 19:21
  4. Divs Höhe/Spalten Layout
    Von thetrue im Forum CSS
    Antworten: 7
    Letzter Beitrag: 26.05.06, 16:34
  5. Layout der Scroll-Leiste zeigt sich in Netscape nicht
    Von sunshineworld im Forum Javascript & Ajax
    Antworten: 2
    Letzter Beitrag: 26.06.02, 14:31