Difference between revisions of "Category:Techniques/fixedPositionLayout"

From Level Access Web Labs
Jump to navigation Jump to search
Line 3: Line 3:
 
<head>
 
<head>
 
<style>
 
<style>
#fixedHeader, #fixedContent { width:500px; }  
+
#fixedHeader, #fixedContent { width:500px; position:fixed; }  
 
#fixedHeader { background-color:#000; color:#fff; height:50px; font-size:16px; }  
 
#fixedHeader { background-color:#000; color:#fff; height:50px; font-size:16px; }  
 
#fixedHeader p{ margin:10px auto; width:110px;}  
 
#fixedHeader p{ margin:10px auto; width:110px;}  
#fixedContent { background-color:yellow; color:#000; height:500px; }  
+
#fixedContent { background-color:yellow; color:#000; height:500px; top:200px; left:200px; }  
 
</style>
 
</style>
 
</head>
 
</head>

Revision as of 17:12, 22 May 2018

fixed header

fixed content

This category currently contains no pages or media.