webForumDet fria alternativet

Scrollproblem

3 svar · 287 visningar · startad av Peeer

PeeerMedlem sedan mars 20025 362 inlägg
#1

Hej!
Har en div som har en bestämd bredd och höjd. Denna vill jag ha en scroll i, fast bara i Y-led (höjden). Problemet är att oavsett hur bred jag gör div:en så får den alltid scroll i sidled (i firefox). Frågan är varför!?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="sv" lang="sv">
	<head>
		<title>Boop!</title>
		<style type="text/css">

			#albumcontainer ul li {
				list-style-type: none;
			}
			#albumcontainer ul li img {
				margin: 0px;
			}
			#albumcontainer ul {
				padding: 0px;
				margin: 0px;
			}
			#albumcontainer {
				position: absolute;
				left: 20px; 
				top: 122px;
				width: 250px;
				height: 400px;
				overflow: auto;
			}
		</style>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	</head>
	<body>
		<div id="albumcontainer">
			<ul>
				<li><img src="img125.jpg" alt="Bilden är 125px bred"/></li>
			</ul>
		</div>
	</body>
</html>

Tips?

PeeerMedlem sedan mars 20025 362 inlägg
#2

*Bump* :o

InsiderMedlem sedan jan. 20001 003 inlägg
#3

DU kanske kan sätta margin: 4px; på #albumcontainer ul.
Listan sträcker sig troligen något utanför ul-boxen i sidled på vänsterkanten.

När den visas som en lista (display:list-item), så ligger punkterna i punktlistan utanför marginalen, även om du kör list-type:none.
En annan lösning blir då att sätta display:block på #albumcontainer ul li.

PeeerMedlem sedan mars 20025 362 inlägg
#4

Sedärja, tackar tackar!

Genererad på 377 ms · cache AV · v20260730165559-full.f96bc7eb