smithmr8 Posted July 1, 2010 Share Posted July 1, 2010 Hi, I've having some trouble with a CSS layout. http://bit.ly/aS7ZY1 I think the header and menu bar are setup correctly. They are in the positions I'd like them to be. I need the "main" tag to contain the "content", "sidebar" (and its inclusive tags), with a 10px margin between the bottom of the largest tag and the end of the "main" container. I need the "content" container to be 10px from the top of the "main" container. I need the "sidebar" container to be 10px from the top of the main container, and be positioned so there is a 10px gap between the right of the "main" container and the "sidebar container". I also need the "footer" container to be 10px below the end of the "main" container. Would really appreciate any help. The positioning elements are slightly confusing me right now, and seem to be going round in circles. Cheers, Luke Quote Link to comment Share on other sites More sharing options...
smithmr8 Posted July 1, 2010 Author Share Posted July 1, 2010 Seem to have gotten the content to work within the main container now. The side bar is positioned now. But I need it to be contained within the "main" tag when it gets larger. Instead of just going outside of it. Quote Link to comment Share on other sites More sharing options...
smithmr8 Posted July 1, 2010 Author Share Posted July 1, 2010 overflow: hidden; Seems to have done the trick for my last post. Woop! Quote Link to comment Share on other sites More sharing options...
smithmr8 Posted July 1, 2010 Author Share Posted July 1, 2010 I'm not sure how to get the footer to position 10px below the "main" container. Help would this would be great. Sure it's something simple. . Quote Link to comment Share on other sites More sharing options...
haku Posted July 2, 2010 Share Posted July 2, 2010 You will never get the footer to be below div#main as long as it is enclosed within div#main. Quote Link to comment Share on other sites More sharing options...
smithmr8 Posted July 2, 2010 Author Share Posted July 2, 2010 Hi Again, I've got it to look how it's supposed to look. Only problem is it doesn't display right in IE. Have an IE specific CSS, and managed to fix a few problems (centralisation, page not showing completely). I need it to look how it does in FF, in IE. Would really appreciate any help with this. Btw, IE is running from the style-IE7.css It's doing my head in. Cheers. http://bit.ly/aS7ZY1 Quote Link to comment Share on other sites More sharing options...
smithmr8 Posted July 2, 2010 Author Share Posted July 2, 2010 Tinkered with it to get it show the basis of the layout correctly... more or less. But for some reason its cutting off the bottom of the page. Not quite sure why :/. Quote Link to comment Share on other sites More sharing options...
smithmr8 Posted July 4, 2010 Author Share Posted July 4, 2010 Would really appreciate some help with this. Quote Link to comment 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.