Inloggen
 
 
 
 
    
Scrollen binnen een cell of een div
Location: BlogsFerry Onderwater - Developer    
Posted by: Ferry Onderwater 3-2-2006 0:00
Soms wil je dat je header, menu en footer gewoon blijven staan waar ze horen, ondanks het feit dat de tekst op je webpagina niet op je scherm past. Dus stop je de content in een andere pagina en open je een iframe? Dat is niet echt vriendelijk voor bijvoorbeeld een searchbot. Hoe kan het dan beter?
Op zich niet spannend dus geen groot verhaal. 't Is echter wel heel handig Smile
We gebruiken vaak een iframe om ervoor te zorgen dat alleen een bepaald deel van het scherm scrolt. Dit kan ook zonder iframe met de volgende code:

.aspx (of .ascx, .html etc. uiteraard)
Code:
<div id="contentScroller" class="contentScroller">
    <TABLE id="Table5" height="100%" cellSpacing="2" cellPadding="10" width="100%" border="0">
        <TR>
            <TD id="Content" vAlign="top" runat="server"></TD>
        </TR>
    </TABLE>
</div>


.css
Code:
.contentScroller {
    clear: both;
    border: 0px solid #963;
    height: 100%;
    overflow: auto;
    width: 100%
}


Let op. Op het moment dat ik in de stylesheet geen height en width aangeef werkt het niet.
Permalink |  Trackback
  
 
Weblogs
    
Archief
    
Zoeken
    
 
 
 
 
Copyright 2006-2009 by Arcencus
Privacy Statement | Terms Of Use