Kollade igenom lite snabbt och la märke till att du inte har någon höjd på ditt element som skall vara scroll. dvs: #footerWrap , sätt en lämplig höjd, ex. 300px eller något sådant.
Frågan#1
Håller på att gör vissa tillägg på en hemsida.
Hemsidan består av en övre och en undre del. Tanken är att när man klickar på de olika rubrikerna: Tillväxt, Effektivisering, Outsoursing m.m. så ska man komma till en fördjupande beskrivning som alltid ska ligga under stycket.
Jag har lagt in den fördjupande beskrivningen i en div under (footer). Problemet jag har är hur man får fram det vertikala reglaget i scrollbaren.
Så här ser footerWrapen ut just nu:
#footerWrap {
width: 500px;
float: right;
overflow-y: scroll;
overflow-x: hidden;
padding: 20px;
}
Tanken är att när tex har en skärmstorlek på 1024x768 så ska man kunna rulla i det vertikala reglaget för att se ytterligare text. Bifogar skärmdump
Funderar på om det är en begränsning att det inte går att få fram reglaget för scrollbaren såvida diven inte har en fast height tex 500 px. Jag vill ju att den autostretchar så att footerwrapen blir större på höjden om man har en större skärm.
Jag har lag overflow-y: vidden i "body" for jag vill inte ha en scrollbar för hela fönstret utan alltså enbart för den nedre delen
body {
background: #fff;
background: url(../images/bakgrund_3.jpg) no-repeat 0 2px;
font-family: arial, helvetica, sans-serif;
font-size: 70%;
line-height: 1.2em;
color: #000;
width: 100%;
overflow-y:hidden;
}
Någon som har nån ide på hur man kan lösa detta?
Adress till sidan: https://www.tenelva.se
