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. Link to comment https://forums.phpfreaks.com/topic/154052-solved-divs-side-by-side/ 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 Link to comment https://forums.phpfreaks.com/topic/154052-solved-divs-side-by-side/#findComment-809809 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> Link to comment https://forums.phpfreaks.com/topic/154052-solved-divs-side-by-side/#findComment-809858 Share on other sites More sharing options...
ram4nd Posted April 14, 2009 Author Share Posted April 14, 2009 I got it right allready. Link to comment https://forums.phpfreaks.com/topic/154052-solved-divs-side-by-side/#findComment-809900 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.