###DIV0########################
#**DIV1***********************#
#*                           *#
#*****************************#
#++DIV2+++++++++++++++++++++++#
#+                           +#
#+++++++++++++++++++++++++++++#
#''DIV3'''''''''''''''''''''''#
#'aDIV4aaabbDIV5bbbbbbbbbbbbb'#
#'a      ab                 b'#
#'a      ab                 b'#
#'aaaaaaaab                 b'#
#'        b                 b'#
#'        bbbbbbbbbbbbbbbbbbb'#
#'''''''''''''''''''''''''''''#
#~~DIV6~~~~~~~~~~~~~~~~~~~~~~~#
#~                           ~#
#~~~~~~~~~~~~~~~~~~~~~~~~~~~~~#
###############################

3 Antworten zu dieser Frage

1. Antwort von nach 11 Stunden 1 hilfreich

   Re: Denkfehler DIV und float

   Hallo Bjoern,
   
   ich fang mal mit dem einfachen an:
   das Hintergrundbild in Div3 ist kein Platzhalter, daher verschwindet das Div, wenn du nicht wenigstens ein geschütztes Leerzeichen ( )reinschreibst, hat das Div keinen Inhalt und somit vorhanden als 1px x 1px gross und damit unsichtbar.
   
   Vorab seh ich keine grossen Fehler in deinem CSS lediglich die px fehlen bei den Angaben (800 // 800px) also mein Browser zeigt mir gar nichts wenn die px nicht angebe zumindest nicht der FF. daher mal ausprobieren.
   
   Und das float:right im div5 ... nun ich weiss nicht ob es nötig ist, nach einem float:left wird das nachfolgende Div ohnehin rechts daneben ausgerichtet und ist wirklich nur nötig, wenn du das Div an den rechten Rand picken willst. Für einfach nur daneben ausrichten ist es gar nicht nötig, aber das hängt von deinen Vorstellungen ab.
   Ansonsten läuft bei mir dieses Layout gut sowohl im IE als auch im FF
   
   Noch ein HInweis für div6, da du vorher ein float verwendest, solltest du nicht vergessen zu clearen, damit das div6 unterhalb des div5 beginnt und nicht unterhalb von div3.
   
   lg
   aya [Bei dieser Antwort wurde das Vollzitat nachträglich automatisiert entfernt]
   

   • Antwort von nach 23 Stunden 0 hilfreich

     Re^2: Denkfehler DIV und float

     Hallo, ich fang mal mit dem einfachen an:
     das Hintergrundbild in Div3 ist kein Platzhalter, daher
     verschwindet das Div, wenn du nicht wenigstens ein geschütztes
     Leerzeichen ( )reinschreibst, hat das Div keinen Inhalt
     und somit vorhanden als 1px x 1px gross und damit unsichtbar.
     
     Vorab seh ich keine grossen Fehler in deinem CSS lediglich die
     px fehlen bei den Angaben (800 // 800px) also mein Browser
     zeigt mir gar nichts wenn die px nicht angebe zumindest nicht
     der FF. daher mal ausprobieren.
     Danke, dein Hinweis hat mir sehr geholfen. Jetzt habe ich nur ein kleines Problem: Browserinkompatibilitaet =;)
     
     FF und IE sieht aus wie gewollt. Opera jedoch erweitert mir den DIV3 nicht auf die Hoehe des DIV5! Ideen?
     
     Erster Eindruck: www.iweg-datacom.de/neu_php
     
     Ciao! Bjoern
     

     • Antwort von nach einem Tag 0 hilfreich

       Re^3: Denkfehler DIV und float

       Hallo,
       
       grundsätzlich sollte sich der Div3 container sehr wohl auf die Höhe des Div aufblasen auch in opera
       jedoch hab ich einen Fehler in deinem Quelltext gefunden, der das Verhalten verzerren könnte:
       
       

       <div class="head"></div><div class="oben"><img src="./images/foto.jpg"</div><div class="mitte">
       

       
       
       das Image-Tag ist nicht geschlossen. Mach es zu und dann guck mal.
       
       Grundsätzlich weiss ich, daß sich opera und FF bei der Höhe vo divs unterschiedlich verhalten.
       Bei deiner Seite seh ich aber das Problem nicht ganz.
       
       lg
       aya