Reply to thread

Message

<blockquote data-quote="Brackson" data-source="post: 238335" data-attributes="member: 34747">I am trying to add a left and right box to centered container. Here's pretty much what I'm doing. Useless code has been removed (border, lorem ipsum, etc).[HTML]&lt;body&gt;&nbsp; &nbsp; &lt;div id=&quot;leftbox&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;Lorem ipsum....&lt;/p&gt;&nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &lt;div id=&quot;rightbox&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;Lorem ipsum....&lt;/p&gt;&nbsp; &nbsp; &lt;/div&gt;&nbsp;&nbsp; &nbsp; &nbsp; &lt;div id=&quot;container&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;header&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;img src=&quot;images/logo.png&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;navigation&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;ul&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;/&quot; class=&quot;selected&quot;&gt;Home&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;/about.html&quot;&gt;About&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;/contact.html&quot;&gt;Contact Me&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;/portfolio.html&quot;&gt;Portfolio&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&amp;nbsp;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/ul&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;content&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;h1&gt;Hello!&lt;/h1&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;Lorem ipsum....&lt;/p&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&lt;/div&gt;[/HTML]Here's my CSS.[CODE]#container {&nbsp; &nbsp; width:750px;&nbsp; &nbsp; margin: auto;&nbsp; &nbsp; border:1px solid black;}#leftbox {&nbsp; &nbsp; float:left;&nbsp; &nbsp; width:200px;&nbsp; &nbsp; margin-right:10px;&nbsp; &nbsp; padding:10px;}#rightbox {&nbsp; &nbsp; float:right;&nbsp; &nbsp; width:200px;&nbsp; &nbsp; margin-left:10px;&nbsp; &nbsp; padding:10px;}[/CODE]Here's what I'm getting when I run this: <a href="http://i.imgur.com/aY3CGMy.png" target="_blank">here</a></blockquote>

[QUOTE="Brackson, post: 238335, member: 34747"] I am trying to add a left and right box to centered container. Here's pretty much what I'm doing. Useless code has been removed (border, lorem ipsum, etc). [HTML]<body> <div id="leftbox"> Lorem ipsum.... </div> <div id="rightbox"> Lorem ipsum.... </div> <div id="container"> <div id="header"> <img src="images/logo.png"> </div> <div id="navigation"> <ul> <li><a href="/" class="selected">Home</a></li> <li><a href="/about.html">About</a></li> <li><a href="/contact.html">Contact Me</a></li> <li><a href="/portfolio.html">Portfolio</a></li> <li> </li> </ul> </div> <div id="content"> <h1>Hello!</h1> Lorem ipsum.... </div> </div>[/HTML] Here's my CSS. [CODE]#container { width:750px; margin: auto; border:1px solid black; } #leftbox { float:left; width:200px; margin-right:10px; padding:10px; } #rightbox { float:right; width:200px; margin-left:10px; padding:10px; }[/CODE] Here's what I'm getting when I run this: [URL='http://i.imgur.com/aY3CGMy.png']here[/URL] [/QUOTE]

Verification

Reply to thread

Connect with us

Newest members