✔ drei Boxen richtig floaten und Anordnen

Status
Nicht offen für weitere Antworten.
X

Xtler

Grünschnabel
Hi Leute,

Ich habe ein Layout Prob..

Hab einen Online Shop und möchte diesen anpassen und mittig darstellen, so dass er von allen Browsern gleichermaßen aussieht..

Also drei Boxen
in der html (in dieser Reihenfolge):
links: left
rechts: right
Mitte: content

css (in dieser Reihenfolge):
Code: 
/* left side */

div#left {
	float:left;
	position: absolute;
	margin-top: 3.3em;
	padding-top: 1px;
	padding-bottom: 5em;
	width: 17em;

}
/* right side */

div#right {
        right;
	width: 13.6em;
	padding-top: 1px;
	padding-bottom: 5em;
	margin-top: 3.3em;
}

/* main content */

div#content {
width: 700px;
	margin-left: auto;
	margin-right:auto;
	min-height: 960px;
}


Bei IE sieht es nach guten ANsätzen aus.. Aber FF verrät dass alles vollkommener Mist ist..
Vor allem wenn man die Produktliste öffnet!
 
Zuletzt bearbeitet:
Hi,

die drei Spalten werden bei mir browserübergreifend richtig angeordnet.

Mit den Regelerweiterungen

Code: 
div#left {
        float:left;
        position: absolute;
        margin-top: 0 !important; /* Moderne Browser */
        margin-top: 3.3em; /* IE */
        padding-top: 1px;
        padding-bottom: 5em;
        width: 17em;
}

div#right {
        float: right;
        width: 13.6em;
        padding-top: 1px;
        padding-bottom: 5em;
        margin-top: 0 !important; /* Moderne Browser */
        margin-top: 3.3em; /* IE */
}
erzielst du in den Browsern eine übereinstimmend vertikale Ausrichtung der beiden äußeren Spaltenblöcke.
 
Bei den Kategorien wird der unterschied deutlich!! Geh mal bitte auf Damenbekleidung.. mit beiden Browsern..

Außerdem ist bei IE der mittlere Teil nicht wie beim FF mittig..
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück