webForumDet fria alternativet

Scrollister i IE, hur undvika dem?

HTML & CSS

3 svar · 267 visningar · startad av biggles-1

Medlem sedan jan. 2005125 inlägg
Frågan#1

Ramlar snart i bingen, dödstrött och trodde att jag fixad "det hela", men inte då!

När jag lägger upp sidorna på webbhotellt (framesset, 650px bredd, frames i över och underkant), dyker plötsligt den nedre horisontella scrollisten upp i IE, men inte i FF (inte på någon av dem på hemmaplan vid förhandsgranskning!) och sidan tar ändå bara upp drygt hälften av bildytan!

Jag vill inte ha de horisontella listerna alls, och har vad jag ser knackat rätt HTML, som validerar. Är det något default hos IE och hur blir jag isåfall av med eländet? Har nu letat i drygt en timme på WF och andra källor, och hittar inget direkt matnyttigt, så jag förlitar mig på er kunskap, igen *ler*..

Sov gott! / biggles-1

Medlem sedan jan. 2005125 inlägg
#2

Yes, tänk vad en natts sömn kan göra, för nu fungerar det igen *ler*!

Jag prövade att lägga in samma IE6 hack som jag använde då jag fick "Simulerade Frames" att fungera (fast inte i FF), m a o följande:

html {
overflow:hidden;
}

body {
height:100%;
overflow:auto;
}

Kan någon tala om för mig vad denna kod egentligen gör? Det enda jag vet är den löste problemet, då scrollisten nu försvann vertikalt (horisontellt vill jag ha den kvar!), då texten är längre än sidans höjd.

Tillönskar er en fin dag. / biggles-1

Medlem sedan apr. 2005254 inlägg
#3

Du bestämmer hur innehåll som inte får plats i en box ska visas med overflow. De värden du kan välja mellan är:

-auto som automatiskt lägger till en scroll-list vid behov
-hidden som döljer/klipper bort innehåll som inte får plats
-visible som anpassar boxens höjd efter innehållet
-scroll som alltid visar scroll-lister

Enligt detta så ska det alltså räcka om du för de ramar som ska scrollas vid behov lägger till overflow: auto i stilmallen.

Vill du prova och se skillnaden för overflows värden så kan du lägga detta i en sidas stilmall:

div#test {
	width:200px;
	height:125px;
	overflow: visible;
}

Och detta i dess body:

<div id="test">
	Lorem ipsum dolor sit amet, consectetuer adipiscing 
elit. Nulla rhoncus. Fusce in sapien in pede blandit euismod. 
Integer tincidunt tortor quis turpis. Vestibulum scelerisque felis 
non justo. Sed leo magna, lacinia in, mollis vel, egestas non, dui. 
Nullam tempus sem quis mi. Cras ac tellus et ligula porta 
commodo. Sed quis eros ac ipsum convallis placerat. Aliquam 
vitae mauris. In luctus metus sit amet ipsum luctus egestas.
</div>

Sen testar du att byta värdet för overflow i stilmallen och ser vad som händer.

Medlem sedan jan. 2005125 inlägg
#4

Tack för att du tar dig tid, uppskattad lektion! / biggles-1

258 ms totalt · 4 externa anrop · v20260731065814-full.a51de22e
125 ms — deklarationer (db)
0 ms — hämta statistik (cache)
130 ms — hämta tråd, inlägg och bilagor (db)
125 ms — ändringar (db)