Border-Darstellung um Div-Container PC/MAC
Benedikt Ernst
- css
0 afra0 Benedikt Ernst0 afra
Hallo!
Ich habe ein Template für Joomla CMS programmiert. Der gesamt content liegt in einem div-Container, um den Inhalt auf der Seite zu zentrieren. Der Container soll von einer 12px starken border umlaufen werden. Die wird auch in PC-Browsern (IE6, IE/, Firefox) korrekt angezeigt. Auf dem Mac (Safari 2.0 und Firefox 2.0) umläuft die Border leider nur die oberen beiden divs, um die unteren beiden fehlt es leider komplett. Kann mir da jemand einen Rat geben?? Fehler ist zu sehen unter dem angegebenen link......
CSS:
#container {
width: 963px;
margin: 0 auto;
padding: 0;
background-color: #FFFFFF;
border-left: white 12px solid;
border-right: white 12px solid;
border-bottom: white 12px solid;
}
#banner {
margin: 0px;
padding: 0px;
background-color: #FFFFFF;
height: 94px;
}
#mainnavi {
margin: 0;
padding: 0;
background-color: #626262;
height: 141px;
}
#home {
float:left;
height: 410px;
color:#444444;
}
#content {
height: 409px;
margin-left:501px;
}
HTML:
<div id="container">
<div id="banner" ></div>
<div id="mainnavi"></div>
<div id="home">
<div id="content">
</div>
</div>
</div>
Hallo!
Fehler ist zu sehen unter dem angegebenen link......
Ich würde ja gerne, aber die Seite ist nicht erreichbar.
Schönen Gruß
Da ist wohl netcologne abgeschmiert. Seite läuft wieder!
Hallo!
Fehler ist zu sehen unter dem angegebenen link......
Ich würde ja gerne, aber die Seite ist nicht erreichbar.
Schönen Gruß
Hallo Benedikt!
Ich hatte mir so etwas schon gedacht, als Du das Problem beschrieben hast. Irritiert hatte mich nur, dass Du meintest, es würde im FF am PC eine Border um den Inhalt geben. Gibt es aber nicht.
Beschäftige Dich damit, wa spassiert, wenn man Elemente aus dem Fluß nimmt, und weshalb Elternelemente dann nicht mehr wissen, wie hoch die Kindelemente sind.
Ein clearing deiner Floats wird helfen.
Schönen Gruß
Afra