• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Problem mit css-Spalte

Status
Für weitere Antworten geschlossen.

Frank

Neues Mitglied
für mein design lasse ich 3 Spalten durch divs entstehen, doch die 3. Spalte (also die ganz rechts) will im Mozilla Firefox einfach nicht sein wo sie sein soll.

Im IE in etwa so:
Links| Mitte |Rechts

Im Mozilla Firefox:
Links| Mitte
Rechts

Liegt wahrscheinlich wieder an einem nicht 100% validen css code, doch ich kann den fehler nicht finden. Hoffe ihr könnt mir weiterhelfen

CSS
Code:
#rahmen {
    text-align:left;
    width:900px;
    border:1px solid black;
    margin:auto;
    background-image:none;
    background-color:#444444;
    padding:6px;
}
#logo {
    margin:auto;
    text-align:center;
}
#left {
    width:145px;
    float:left;
    padding:3px;
}
#center {
    border-left:1px solid black;
    border-right:1px solid black;
    width:550px;
    float:left;
    padding:3px;
}
#right {
    width:145px;
    float:clear;
    padding:3px;
}
HTML
HTML:
<div id="rahmen">
  <div id="left">
   Links
  </div>
  <div id="center">
   Mitte
  </div>
  <div id="right">
   Rechts
  </div>
</div>
 
HTML:
#rahmen {
    text-align:left;
    width:900px;
    height:100%;
    border:1px solid black;
    margin:auto;
    background-image:none;
    background-color:#444444;
    padding:6px;
}
#logo {
    margin:auto;
    text-align:center;
}
#left {
    width:145px;
    float:left;
    padding:3px;
}
#center {
    text-align:center;
    border-left:1px solid black;
    border-right:1px solid black;
    width:550px;
    float:left;
    padding:3px;
}
#right {
    width:145px;
    float:right;
    padding:3px;
}
 
Status
Für weitere Antworten geschlossen.
Zurück
Oben