geen pixel ruimte onderin pagina

[gast0515]

Hallo,

mijn website is horizontaal en verticaal gecentreerd.
Op de grote schermen (meer dan 1024 x 768 px) zit het er goed uit, je hoeft niet te scrollen (omhoog, omlaag).
Op de kleine schermen moet je gaan scrollen. Dan krijg ik probleem.
De inhoud (zie plaatje in volgend bericht - zwarte blok) hoort bovenin en onderin te grenzen met de zijkanten vd browser scherm. Er mag dus geen pixel ruimte tussen zitten.
Op het plaatje is de bovenkant prima, de onderkant heeft wel pixel ruimte.

Hoe kan ik zorgen dat er geen pixel ruimte onderin zit - in alle browsers vd mac en windows?
Op de mac in firefox en opera is er geen ruimte onderin. Safari geeft wel de fout weer.


Dit is deel van mijn code (Margin en Padding staan al op 0px):

html,body {
	height:100%;
	margin: 0px;
	padding: 0px;
	background-image: url(plaatjes/bg.png);
}
#distance {
	width:1px;
	height:50%;
	margin-bottom:-384px; /* helft van de website hoogte */
	float:left;
}
#container {
	text-align:left;
	margin:0 auto; /* Ook horizontaal centreren */
	position: relative;
	width:1000px;
	height: 768px;
	clear: left;
	line-height: 0px;
}

Alvast dank
gast0515

 

[gast0515]

het plaatje:

 

[gast0515]

Zou iemand me hiermee kunnen helpen?

 

[csshunter]

Hoi gast0515,
Op Safari onder Windows doet het probleem zich niet voor, en een Mac heb ik niet.
Maar als er een spleetje is van 1px, dan ruikt het een beetje naar een afrondingsverschil van de 50%, dat net de verkeerde kant op valt.

Wat gebeurt er als je de #container 1px meer hoogte geeft, dus 769px?
Of de margin-bottom van de #distance 1px minder omhoog, op -383px?

Met vriendelijke groet,
CSShunter

 

[gast0515]

geprobeerd en het werkt helaas niet