ram4nd Posted April 14, 2009 Share Posted April 14, 2009 I have 2 divs. How can I make them appear side by side. 1 is menu other is content. Quote Link to comment Share on other sites More sharing options...
wildteen88 Posted April 14, 2009 Share Posted April 14, 2009 You'd use floats for this. A good tutorial which explains how to create a two column layout with divs is here Quote Link to comment Share on other sites More sharing options...
ram4nd Posted April 14, 2009 Author Share Posted April 14, 2009 My footer div goes behind menu and content divs. Here is my code. I need menu and content side by side and header and footer 100% wide in the idless div. <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>Blog</title> <style type="text/css"> .base_divs { background-color: #669922; border: medium double #225511; } </style> </head> <body style="background-color: #556622;"> <div style="width:810px;margin:0 auto;"> <div id="header" class="base_divs">Title</div> <div id="menu" style="float:left;width:25%;" class="base_divs">Menu</div> <div id="content" style="float:left;width:75%;" class="base_divs">Content</div> <div id="footer" class="base_divs">Footer</div> </div> </body> </html> Quote Link to comment Share on other sites More sharing options...
ram4nd Posted April 14, 2009 Author Share Posted April 14, 2009 I got it right allready. 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.