"clear:both;" funktioniert nicht

[marekventur]

Hallo!

Ich habe ein Problem mit einer Seite: http://www.wortopia.de/regeln.htm

Der Haupttext (Im DIV #cnt) geht über den Footer hinaus, trotz "clear:both;"

Code:

  
<div id="wrapper">  
  <div id="wrapper2">  
  
  
    <div id="nav">  
       <a href="index.htm">startseite</a>  
       <a href="regeln.htm">regeln</a>  
       <a href="blog.htm">blog</a>  
       <a href="faq.htm">faq</a>  
       <a href="uns.htm">ueber uns</a>  
    </div>  
  
    <div id="cnt">  
      <h1>Regeln</h1>  
      <div id="messagew">  
        <div id="message" style="display:none;"></div>  
        <div id="message2" style="display:none;"></div>  
      </div>  
      <div style="width: 100%">  
        Wortopia ist ganz einfach:  
        <br />  
        <br />Melde dich an und warte, bis du unsere Best&auml;tigungs-Email bekommst - dann musst du in dieser auf einen Link klicken, um dich zu registrieren!  
        <br />...  
  
      </div>  
      <div style="clear:both;"></div>  
      <div class="clear_both"></div>  
    </div>  
  
    <div id="load" style="display:none;">  
       <img src="img/load.gif" />  
       <div id="loadtext">Bitte warten...</div>  
    </div>  
  
  </div>  
  <div id="footer">  
    &copy; 2008 by Marek Ventur | <a href="impressum.htm">Impressum</a>  
  </div>  
</div>  

Auch wenn das "clear:both;" verscheibt (z.B. vor #footer), bleibt das Verhalten. HTML Tiny bescheinigt mir valides HTML.

Hab ich was übersehen? Über einen Lösungsansatz würde ich mich sehr freuen!

mfg Marek

[Cheatah]

Hi,

Der Haupttext (Im DIV #cnt) geht über den Footer hinaus, trotz "clear:both;"

nicht, wenn Du ihm noch z.B. ein overflow:hidden gibst. Die Höhe ist auf 460 Pixel festgelegt, und eben so hoch wird das Element nur. Warum sollte ein clear irgend etwas _noch_ weiter nach unten bringen?

Cheatah

[Marek Ventur]

Hi,

danke für deine schnelle Antwort....

Du hast Recht... Hab mir gerade was mit min-height und IE-Hack zusammengebastelt...

So gehts... Ist das aber auch schön?

  
#wrapper2 {  
  background: url('img/header.jpg') no-repeat;  
  height: 460px;  
}  
/* wird von IE igrnoriert */  
#wrapper2[id] {  
  height:auto;  
  min-height: 460px;  
}  

overflow:hidden ist nicht ganz meine prioritisierte Lösung ;-)

Nochmal vielen Dank für den Hinweis

mfg marek

[Cheatah]

Hi,

So gehts... Ist das aber auch schön?

Dein Code an sich kann nur schwerlich als schön bezeichnet werden - es sei denn, man mag die Schriftart der Quellcode-Anzeige ganz besonders. Was diesen speziellen CSS-Code anbelangt, so ist er adäquat; ich würde trotzdem der Einheitlichkeit und Übersicht wegen den Star-HTML-Hack empfehlen.

overflow:hidden ist nicht ganz meine prioritisierte Lösung ;-)

Das dachte ich mir ;-) aber vielleicht einer der anderen möglichen Werte für die overflow-Eigenschaft?

Cheatah

[Marek Ventur]

Hi!

Dein Code an sich kann nur schwerlich als schön bezeichnet werden - es sei denn, man mag die Schriftart der Quellcode-Anzeige ganz besonders.

Gefällt dir mein Stil nicht ;-)

Was diesen speziellen CSS-Code anbelangt, so ist er adäquat; ich würde trotzdem der Einheitlichkeit und Übersicht wegen den Star-HTML-Hack empfehlen.

Überleg ich mir nochmal...  Ich hasse IE-Hacks....

Das dachte ich mir ;-) aber vielleicht einer der anderen möglichen Werte für die overflow-Eigenschaft?

Ne, lieber Alles anzeigen als irgendein Scroll-Zeugs....

mfg Marek

[Cheatah]

Hi,

Gefällt dir mein Stil nicht ;-)

der Stil ist das geringste Problem. Wenn einer meiner Mitarbeiter mir einen derartigen Code abliefern würde, bekäme er eine Einladung zu einer HTML-Anfänger-Schulung.

Überleg ich mir nochmal...  Ich hasse IE-Hacks....

Das trifft sich gut, denn aller Wahrscheinlichkeit hasst Du auch den IE. Oder wirst es zumindest bald tun. Es sei denn, Du bist erfrischend widerstandsfähig und freust Dich darüber, dass Dir die Arbeit nicht ausgeht, egal wie ekalhaft sie ist.

Ne, lieber Alles anzeigen als irgendein Scroll-Zeugs....

Jo, eine legitime Entscheidung.

Cheatah