Hey Guys,<br /><br />I've recently created a website using CSS. The position of all elements is absolute rather than relative.<br /><br />However this has lead to some problems with the footer style="vertical-align:middle" emoid="
" border="0" alt="smile.gif" /> as in your footer tag you are telling it to position 800px (or something close to that) from the top, so if your main content exceeds this then your footer will still postion itself 800px from the top and just overlay the other stuff.<!--content-->
There's absolutely no need for you to use absolute positioning with that layout... It's just going to make things more complicated for you.<!--content-->
Have you tried adding; <div style="clear:both"></div> before the footer div and after the container element?<!--content-->
<!--quoteo(post=13538:date=Oct 20 2007, 10:35 AM:name=Designer Karly)--><div class='quotetop'>QUOTE(Designer Karly @ Oct 20 2007, 10:35 AM) <img src='http://www.webdesignerforum.co.uk/style_images/1/post_snapback.gif' alt='*' border='0' /></div><div class='quotemain'><!--quotec-->Have you tried adding; <div style="clear:both"></div> before the footer div and after the container element?<!--QuoteEnd--></div><!--QuoteEEnd--><br /><br /><br />That won't help as they are position from the top of the page so many pixels. They need to rethink how they are laying it out as it makes no sense to have it so that the information expands, but set their footer to be at a fixed position from the top. as all that means is the footer will be covering some of the main text due to this.<!--content-->
<!--quoteo(post=13538:date=Oct 20 2007, 09:35 AM:name=Designer Karly)--><div class='quotetop'>QUOTE(Designer Karly @ Oct 20 2007, 09:35 AM) <img src='http://www.webdesignerforum.co.uk/style_images/1/post_snapback.gif' alt='*' border='0' /></div><div class='quotemain'><!--quotec-->Have you tried adding; <div style="clear:both"></div> before the footer div and after the container element?<!--QuoteEnd--></div><!--QuoteEEnd--><br /><br /><br /> The clear property target="_blank">http://blue42media.co.uk/craig/craigv1/contact.php and it seemed to do the trick<br /><br />Sorry if it's explained badly i'm terrible at explaning things.<!--content-->
" border="0" alt="smile.gif" /> as in your footer tag you are telling it to position 800px (or something close to that) from the top, so if your main content exceeds this then your footer will still postion itself 800px from the top and just overlay the other stuff.<!--content-->There's absolutely no need for you to use absolute positioning with that layout... It's just going to make things more complicated for you.<!--content-->
Have you tried adding; <div style="clear:both"></div> before the footer div and after the container element?<!--content-->
<!--quoteo(post=13538:date=Oct 20 2007, 10:35 AM:name=Designer Karly)--><div class='quotetop'>QUOTE(Designer Karly @ Oct 20 2007, 10:35 AM) <img src='http://www.webdesignerforum.co.uk/style_images/1/post_snapback.gif' alt='*' border='0' /></div><div class='quotemain'><!--quotec-->Have you tried adding; <div style="clear:both"></div> before the footer div and after the container element?<!--QuoteEnd--></div><!--QuoteEEnd--><br /><br /><br />That won't help as they are position from the top of the page so many pixels. They need to rethink how they are laying it out as it makes no sense to have it so that the information expands, but set their footer to be at a fixed position from the top. as all that means is the footer will be covering some of the main text due to this.<!--content-->
<!--quoteo(post=13538:date=Oct 20 2007, 09:35 AM:name=Designer Karly)--><div class='quotetop'>QUOTE(Designer Karly @ Oct 20 2007, 09:35 AM) <img src='http://www.webdesignerforum.co.uk/style_images/1/post_snapback.gif' alt='*' border='0' /></div><div class='quotemain'><!--quotec-->Have you tried adding; <div style="clear:both"></div> before the footer div and after the container element?<!--QuoteEnd--></div><!--QuoteEEnd--><br /><br /><br /> The clear property target="_blank">http://blue42media.co.uk/craig/craigv1/contact.php and it seemed to do the trick<br /><br />Sorry if it's explained badly i'm terrible at explaning things.<!--content-->