Hello there~ So I have this problem of adding two small content boxes below the content of this sample layout.
It's a three column layout and below it's content has 2 small boxes.
I've managed to make the basic 3 column layout with the header, footer, and the sidebar-- plus the content, but the 2 small boxes beneath the content still bugs me out.
I cant seem to implement this small content box. Can anyone tell me what's the code for the two small boxes beneath it? Help would be appreciated :)
Question
Royal Pain
Hello there~ So I have this problem of adding two small content boxes below the content of this sample layout.
It's a three column layout and below it's content has 2 small boxes.
I've managed to make the basic 3 column layout with the header, footer, and the sidebar-- plus the content, but the 2 small boxes beneath the content still bugs me out.
I cant seem to implement this small content box. Can anyone tell me what's the code for the two small boxes beneath it? Help would be appreciated :)
Here's what it was suppose to look like:
Here's what i've done so far:
The html code:
The Css
.container { margin:auto; height:600px; width:800px; } body{ background:#0099CC; } .header { background:gray; top:30px; height:80px; width:auto; } .sidebar_left { background:maroon; float:left; width:200px; display: inline; height:500px; } .sidebar_right { background:maroon; float:right; width:200px; display: inline; height:500px; } .content { background: white; float: left; width: 395px; height:300px; padding-left: 5px; } .footer { background:gray; width:auto; clear:both; }Link to comment
Share on other sites
3 answers to this question
Recommended Posts