Het probleem in dit geval is dat scrolling aan staat in het bovenste frame, ook wanneer een scrollbar niet nodig is reserveert ie alvast de ruimte ervoor en schuift dus alles op. Je kan een aantal dingen doen om het op te lossen:
Iframe gebruiken
Gebruik een Iframe voor de bovenste helft van de site. Als je dan naar een ander deel gaat dan komt dat in het iframe te staan en de flash player blijft gewoon doorspelen. let daarbij wel op dat je het iframe in het witte deel zet van de site. in de 'body-tag' zet je vervolgens scroll="no" of scrolling="no" maar net hoe compatible je wil zijn.
Anders uitlijnen
Je kan natuurlijk ook de site anders uitlijnen, kortom niet in het midden maar bijvoorbeeld vast op 200px van de linkerzijde af. op deze manier kan je deze frameset prima gebruiken en zal alles netjes aansluiten. Dit is het makkelijkste te realiseren met classes.
Een voorbeeld
code:
1
2
3
4
5
6
| table.toptable {
position:relative;
top: 0px;
left: 100px;
z-index:-1;
} |
Geen iframe ivm browsercompatibiliteit
Als je geen iframe gebruiken wil kan je ook nog overstappen op een tabelstructuur waar er 1 cel is die kan scrollen. Dit doe je met div.
Een voorbeeldje
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
| .theCellspan {
width: 600px;
height: 300Px;
scrollbar-arrow-color: #333333;
scrollbar-highlight-color: #FF9900;
scrollbar-3dlight-color: #FF9900;
scrollbar-face-color: #FF9900;
scrollbar-track-color: #FFFFFF;
scrollbar-shadow-color: #FF9900;
scrollbar-darkshadow-color: #FF9900;
background-image: url('ornament/dna.gif');
background-repeat: no-repeat;
background-attachment: fixed;
background-position: left center;
overflow: scroll;
overflow-y: scroll;
overflow-x: hidden;
} |
[
Voor 34% gewijzigd door
MaNdM op 29-10-2003 11:48
]
To be determined...