Reply to thread

Message

<blockquote data-quote="Magic" data-source="post: 250047" data-attributes="member: 23359">So I added borders and box shadows to my divs and than it all turned to shit by going out of center. I would like all boxes to be centered nicely, I've tried a lot of things by adding margins, increasing the page wrapper width, making the divs smaller etc.This is like the second website i have ever worked on so excuse me for any sloppy code. [ATTACH=full]2521[/ATTACH] [CODE]#header {&nbsp; &nbsp; float: left;&nbsp; &nbsp; height: 95px;&nbsp; &nbsp; width: 1000px;&nbsp; &nbsp; background: #FF6633;&nbsp; &nbsp; float: right;&nbsp; &nbsp; border:2px solid;&nbsp; &nbsp; border-radius:25px;&nbsp; &nbsp; border-color: #000000;&nbsp; &nbsp; box-shadow: 5px 5px 2px #888888;}#navigation {&nbsp; &nbsp; float: right;&nbsp; &nbsp; height: 45px;&nbsp; &nbsp; width: 1000px;&nbsp; &nbsp; background-image: url(../images/everything.png);&nbsp; &nbsp; border:2px solid;&nbsp; &nbsp; border-radius:25px;&nbsp; &nbsp; border-color: #000000;&nbsp; &nbsp; box-shadow: 5px 5px 2px #888888;&nbsp; &nbsp; margin: 12px;}#content {&nbsp; &nbsp; float: left;&nbsp; &nbsp; background-image: url(../images/everything.png);&nbsp; &nbsp; width: 850px;&nbsp; &nbsp; box-shadow: 5px 5px 2px #888888;&nbsp; &nbsp; margin: 12px;&nbsp; &nbsp; border:2px solid;&nbsp; &nbsp; border-radius:25px;&nbsp; &nbsp; border-color: #000000;}#leftcolumn {&nbsp; &nbsp; background-image: url(../images/everything.png);&nbsp; &nbsp; width: 150px;&nbsp; &nbsp; float: left;&nbsp; &nbsp; box-shadow: 5px 5px 2px #888888;&nbsp; &nbsp; margin: 12px;&nbsp; &nbsp; border:2px solid;&nbsp; &nbsp; border-radius:25px;&nbsp; &nbsp; border-color: #000000;}#footer {&nbsp; &nbsp; float: right;&nbsp; &nbsp; height: 35px;&nbsp; &nbsp; width: 1000px;&nbsp; &nbsp; background-image: url(../images/everything.png);&nbsp; &nbsp; clear: both;&nbsp; &nbsp; box-shadow: 5px 5px 2px #888888;&nbsp; &nbsp; margin: 10px;&nbsp; &nbsp; border:2px solid;&nbsp; &nbsp; border-radius:25px;&nbsp; &nbsp; border-color: #000000;}[/CODE]</blockquote>

[QUOTE="Magic, post: 250047, member: 23359"] So I added borders and box shadows to my divs and than it all turned to shit by going out of center. I would like all boxes to be centered nicely, I've tried a lot of things by adding margins, increasing the page wrapper width, making the divs smaller etc. This is like the second website i have ever worked on so excuse me for any sloppy code. [ATTACH=full]2521[/ATTACH] [CODE]#header { float: left; height: 95px; width: 1000px; background: #FF6633; float: right; border:2px solid; border-radius:25px; border-color: #000000; box-shadow: 5px 5px 2px #888888; } #navigation { float: right; height: 45px; width: 1000px; background-image: url(../images/everything.png); border:2px solid; border-radius:25px; border-color: #000000; box-shadow: 5px 5px 2px #888888; margin: 12px; } #content { float: left; background-image: url(../images/everything.png); width: 850px; box-shadow: 5px 5px 2px #888888; margin: 12px; border:2px solid; border-radius:25px; border-color: #000000; } #leftcolumn { background-image: url(../images/everything.png); width: 150px; float: left; box-shadow: 5px 5px 2px #888888; margin: 12px; border:2px solid; border-radius:25px; border-color: #000000; } #footer { float: right; height: 35px; width: 1000px; background-image: url(../images/everything.png); clear: both; box-shadow: 5px 5px 2px #888888; margin: 10px; border:2px solid; border-radius:25px; border-color: #000000; }[/CODE] [/QUOTE]

Verification

Reply to thread

Connect with us

Newest members