View Single Post
Old 28-04-2008, 15:59   #8
punky
Eric Cartman Wannabe
 
punky's Avatar
 
Join Date: Jun 2003
Location: Cockney geeza land
Age: 27
Services: c:\> net start punky
Posts: 11,871
punky has a fine set of Quadspunky has a fine set of Quadspunky has a fine set of Quadspunky has a fine set of Quads
punky has a fine set of Quadspunky has a fine set of Quadspunky has a fine set of Quadspunky has a fine set of Quadspunky has a fine set of Quadspunky has a fine set of Quadspunky has a fine set of Quadspunky has a fine set of Quadspunky has a fine set of Quadspunky has a fine set of Quadspunky has a fine set of Quadspunky has a fine set of Quadspunky has a fine set of Quadspunky has a fine set of Quadspunky has a fine set of Quadspunky has a fine set of Quadspunky has a fine set of Quadspunky has a fine set of Quads
Re: Web Design, CSS compatibilty and suchlike

That should be OK. If you're using pure CSS with the absolute positioning (see below) then it doesn't matter what order you code it.


div.header {
position:absolute;
top:0px;
left:0px;
height:150px;
width:100%;
}

div.menu {
position:absolute;
top:150px;
left:0px;
width: 100px;
}

div.content{
position:absolute;
top:150px;
left:100px;

/* etc...*/
}

Then you order the divs however you want, header, menu, content, or content, menu, header. They are all repositioned accordingly when the source is parsed.

Little tip for free: If you have repeating content like a header, menu or footer, look at using PHP or something to import it

<?php include('header.php'); ?>
Rest of HTML here...

and then you can store the header information once in header.php and then alter it once and all pages will then use the new header. You can also do this via Javascript if you don't like or have PHP for whatever reason (it is free and on all OSes)
__________________
"We're not here for a long time, we're here for a good time" - Mike Ness (Social Distortion)
"Reach for the sky, 'cause tomorrow may never come" - Reach For The Sky (Social Distortion)
punky is online now   Reply With Quote