[CSS] - Mal wieder ein Problem mit dem Layout

brain-death

Hi.
Meine Seite ist so aufgebaut, dass oben ein Banner ist. Links ein Menü, darunter der Content und ein Footer.

Hab jetzt alles mit CSS gemacht:

#labanner {
	height: 76px;
	width: 704px;
}
#lamenu {
	height: 526px;
	width: 151px;
	float: left;
	background-image: url(../gfx/la_menu.jpg);
	background-repeat: no-repeat;
}
#lacontent {
	width: 553px;
	margin-left: 151px;
	background-repeat: no-repeat;
	min-height: 450px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFFFFF;
	padding: 5px 15px 15px;
	background-image: url(../gfx/la_content.jpg);
}
#lafooter {
	height: 21px;
	width: 553px;
	margin-left: 151px;
	background-image: url(../gfx/la_footer.jpg);
	background-repeat: no-repeat;
}

Jetzt hab ich folgendes Problem:
Der IE lässt zwischen Menü und Inhalt irgentwie 2-3 Pixel frei, sieht unschön aus.
Firefox addiert zur Breite des Inhalts, das linke & rechte padding dazu. Sieht auch nicht toll aus.
Netscape macht das gleiche wie Firefox.
Opera allerdings macht alles richtig (also wie gewünscht).

Hier die Seite:
http://www.brain-death.net

MORL

Liegt daran, das man es vermeiden sollte feste Großenangaben und paddings gleichzeitig auf ein Objekt anzuwenden, da Netscape und IE das padding unterschiedlich interpretiereen.

brain-death

Und der IE scheint des CSS Tag "min-height" nicht zu kennen, oder?

brain-death

MORL schrieb:

Liegt daran, das man es vermeiden sollte feste Großenangaben und paddings gleichzeitig auf ein Objekt anzuwenden, da Netscape und IE das padding unterschiedlich interpretiereen.

Ja supi, was mach ich jetzt?? Brauch aber beides drin!

flenders

Evtl. würde es helfen ein entsprechend das paddings kleineres Element zentriert innen rein zu setzten - ist aber eben etwas unsauber

Anre

flenders schrieb:

Evtl. würde es helfen ein entsprechend das paddings kleineres Element zentriert innen rein zu setzten - ist aber eben etwas unsauber

Immer noch besser als ein CSS-Hack

ansonsten kannst du ja den star-html-hack oder den css-2-selector-hack nehmen auch wenn es nicht zu empfehlen ist.

bei glish.com findet sich sonst über das box-model garantiert was

http://www.glish.com/css

brain-death

flenders schrieb:

Evtl. würde es helfen ein entsprechend das paddings kleineres Element zentriert innen rein zu setzten - ist aber eben etwas unsauber

So ähnlich hab ichs jetzt:
Hab beim äußeren das Padding weggelassen und innen rein ein weiteres Element mit dem jeweiligen Padding. Funktioniert einwandfrei.

Danke!
www.brain-death.net

flenders

Nur der Footer ist noch bissl zu breit - oder ist das Absicht

brain-death

flenders schrieb:

Nur der Footer ist noch bissl zu breit - oder ist das Absicht

Was für einen Browser benutzt du?
Firefox macht okay!

flenders

IE6 - ich hab's gerade auch ml mit Mozilla 1.4 angeschaut: da sitzt die Shoutbox falsch (unten über dem schwarzen Footer)