twebman84 Posted December 11, 2011 Share Posted December 11, 2011 The skte is http://gtaparkinsonsgroup.org.s60787.gridserver.com/ Notice that there is a lot of blank space under the three call-to-action boxes on the page. Those boxes are positioned relative. Then there ar eno elements under that, just closing the CONTAINER div and closing BODY and HTML. Why the empty space? Quote Link to comment https://forums.phpfreaks.com/topic/252918-help-with-positioning-and-empty-space-below-elements-on-this-home-page/ Share on other sites More sharing options...
Stiver112 Posted December 11, 2011 Share Posted December 11, 2011 Try putting Padding-bottom:0px and and margin-bottom:0px in your CSS for the divs...that mig help... Quote Link to comment https://forums.phpfreaks.com/topic/252918-help-with-positioning-and-empty-space-below-elements-on-this-home-page/#findComment-1296730 Share on other sites More sharing options...
scootstah Posted December 11, 2011 Share Posted December 11, 2011 It is because in the box model, your third div is under both of the other divs. So your layout looks like: [1] [2] [3] Then using relative positioning you "move it" over and up, but its space in the box model remains. Why not use floats instead? http://jsfiddle.net/y9gzA/ Quote Link to comment https://forums.phpfreaks.com/topic/252918-help-with-positioning-and-empty-space-below-elements-on-this-home-page/#findComment-1296826 Share on other sites More sharing options...
twebman84 Posted December 13, 2011 Author Share Posted December 13, 2011 THANKS scootstah!! Quote Link to comment https://forums.phpfreaks.com/topic/252918-help-with-positioning-and-empty-space-below-elements-on-this-home-page/#findComment-1297604 Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.