centrerad div flyttar sig

3 svar · 282 visningar · startad av dea 7 juni 2005

deaMedlem sedan dec. 2002387 inlägg

Frågan7 juni 2005 07:54#1

Jag har en centrerad div som håller all annan kod..
Men när den får så mycket innehåll så att browsern måste lägga till en högerscroll så flyttas diven en bit till vänster (inte i explorer dock)... Finns det någon kod som gör så att den inte flyttar sig?

html { 
	min-width: 750px;
	 }

body	{
	text-align: center;
	margin: 0;
	padding: 0;
	border: 0;	
	background-color: #F8F8E7;
	color: #4C4C42;
	font: "Lucida Grande;
	}

div#centrerad {
	background-color: #F9F9F5;
	width: 748px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	border-left: 1px solid #EDEDDD;
	border-right: 1px solid #EDEDDD;
	}

deaMedlem sedan dec. 2002387 inlägg

7 juni 2005 08:22#2

Jag vet att jag skulle kunna sätta min-height på div#centrerad men finns det inget annat sätt. Kanske tvinga fram scrollern eller?

deaMedlem sedan dec. 2002387 inlägg

9 juni 2005 10:11#3

Jag löste det genom att sätta min-height 101% i html och body!!

Finns det någon bättre lösning?

zcorpanMedlem sedan dec. 20042 245 inlägg

9 juni 2005 11:52#4

html { height:100%; padding-bottom:1px; }

...funkar också, samt:

html { overflow:scroll; }

...fast då får du en vertikal scoll också. I IE och Fx1.1 kan du använda

html { overflow-y:scroll; }

och för tidigare versioner av Fx får du använda

html { overflow:-moz-scrollbars-vertical; overflow-y:scroll; }

fast overflow:-moz-scrollbars-vertical; funkar inte riktigt som overflow-y:scroll, eftersom det eliminerar den vertikala rullningslisten...

Vet dock inte hur man får dit en scrollbar i Opera utan att ha "för mycket" i höjd.