CSS vaste positionering oplossing voor een van de Frame Problems

n, maar hun aanwezigheid is niet verplicht. De schuifbalken van BODY ElementWith deze lay-out, normaal gesproken, alleen de belangrijkste panel heeft bars scrollen. Zodat we niet de schuifbalken van het BODY element nodig. Je neemt van het lichaam element schuifbalken met "overflow: hidden" in de CSS-regel voor de BODY element.The positie PropertyAll de DIV elementen hebben de eigenschap positie waarde "vaste". Dat is in de eerste plaats wat geeft de DIV de vaste positionering functie.

breedte, hoogte, boven- en linker propertiesThe waarden voor deze eigenschappen ten opzichte van het bovenste en linkerkant van de klant gebied van de webpagina en niet met betrekking tot de randen van bepaalde blokelement. Ik heb het percentage eenheid die wordt gebruikt in andere om gewoon de hele client gebied bestrijken. De pixel apparaat zou minder of meer van de cliënt te bedekken. Gebruik altijd het percentage toestel wanneer u overweegt een globaal overzicht van de cliënt gebied of web page.

z-index propertyWith normale ontwerpen, wordt de z-index geacht te zijn op z-index positie, nul; de elementen van het BODY element wordt geacht een z-index positie 1. De onderdelen vaste of absolute positie eigenschappen kunnen beginnen komt op z-index positie 2, boven. Dus, de vaste positie DIV ten z-index positie 2, op de webpagina here. Iedere andere laag in deze webpagina moet worden van z-index positie 2 en above.Scroll bar voor Main PanelWith deze lay-out alleen de belangrijkste panel normaal is schuifbalken.

Dit wordt gedaan met de "overflow: scroll" in de CSS-regel voor de DIV van het hoofdpaneel. Percentages in CodeIf u de procentuele waarden toe te voegen in een lijn voor de verschillende DIV, heb je 100% voor de totale breedte of hoogte van de klant gebied; Dit voorkomt overlapping van de DIV. ConclusionHTML frames dienen twee doelen. Een van hen kan worden bediend door CSS Vaste Positionering met HTML DIV-elementen. In het artikel, lay-out met DIV in plaats van Frames voor HTML, die voor oude en nieuwe browsers, de DIV panel elementen kunnen worden geacht te zijn op z-index niveau 1.

Hier de bijbehorende DIV zijn bij z-index niveau 2. technologie geïllustreerd in dit artikel is slechts voor nieuwe browsers. Chrys