DIVs Anzeigeproblem im FF

[Forumsgast]

hallo,
habe ein div problem bei firefox. ie zeigt es korrekt an...

echo '<div id="rahmen">';
    
      echo '<div id="spalte1">';
        //Content
      echo '</div>';
    
            echo '<div id="spalte2">';
        //Content
      echo '</div>';
      echo '<div id="spalte3">';
        //Content 
     echo '</div>'; 
     echo '<div id="clearDiv">&nbsp;</div>';
    echo '</div>'; 

#clearDiv{ 
      clear: both; 
      position:relative; 
      line-height: 1px;
    } #rahmen {
 border: 1px solid #514F1C; 
 padding-top:10px;
 padding-left:10px;
 padding-right:10px;
 padding-bottom:10px;
 float: left;
padding: 5px;
width: 100%
}
 #spalte1{
        float: left;
        height: 20px;
        padding: 5px;
        width: 100px;
    }
    
 #spalte2{
        clear: right;
        float: left;
        height: 20px;
        padding: 5px;
        width: 100px;
    }
 #spalte3{
        clear: right;
        float: left;
        height: 20px;
        padding: 5px;
        width: 450px;
    } 

ich hatte dazu zwar schon einiges gefunden, habe das versucht auch umzusetzen aber es funzt immer noch nicht...

[Forumsgast]

habe ein div problem bei firefox. ie zeigt es korrekt an...

Hättest Du auch die Güte, uns zu sagen, was das Problem ausmacht?

[Forumsgast]

ja, die hätte ich sry

also der ie zeigt es korrekt an: einen rahmen um die zwei spalten

der ff: der rahmen-div bekommt nicht die gleiche höhe wie die anderen, das heißt diese überlappen einfach..

[Forumsgast]

Das ist normales div Verhalten. Divs sind eben keine Tabellen.

Das hier kann Dir weiterhelfen: http://www.complexspiral.com/publica...aining-floats/

[Forumsgast]

ja genau das habe ich doch mit meinem clear-div probiert...

[Forumsgast]

Das gehört aber in den auszuweitenden Bereich.

[Forumsgast]

der rahmen muss da doch ausgeweitet werden, oder nicht?

[Forumsgast]

Set a float to fix a float ist der bessere Tipp:

<style>
  div.outer {border:1px solid #f00;float:left;}
  div div {float:left; width:300px;height:100px;border:1px solid #000;}
</style>
<div class="outer">
  <div></div>
  <div style="height:200px;"></div>
  <div></div>
  
</div>

[Forumsgast]

hmm das wird aber schwierig sobald der inhalt dynamisch erzeugt wird.
gibt es da keine andere möglichkeit?

[Forumsgast]

Häh? Wieso?

[Forumsgast]

ja wenn ich jetzt der spalte 2 eine höhe von 100 zuweisen muss, und ich dynamischen inhalt habe, der dann eine größere höhe erreicht, überlappt der inhalt wieder aus der spalte...

[Forumsgast]

Mußt Du ja nicht. War nur ein Beispiel dafür, dass es funktioniert.

<style>
  div.outer {border:1px solid #f00;float:left;}
  div div {float:left; width:300px;border:1px solid #000;}
</style>
<div class="outer">
  <div></div>
  <div><br><br><br><br><br><br><br><br><br><br><br><br></div>
  <div></div>
  
</div>

[Forumsgast]

hallo,
habe ein div problem bei firefox. ie zeigt es korrekt an...

du meinst wohl, dass du ein problem mit dem ie hast und der ff es richtig anzeigt^^