Help With CSS Codes - Webmasters

Help With CSS Codes - Webmasters - Nairaland

Nairaland Forum › Science/Technology › Webmasters › Help With CSS Codes (1699 Views)

Help With CSS Codes by Nobody: 11:57am On Sep 06, 2017

I am having problems with this CSS codes. First picture is what I want to create. Second picture is my code. Third picture is what i got.
NOTE: The red footer is fixed.

Re: Help With CSS Codes by hostkobo(m): 11:43pm On Sep 06, 2017

NaijaTalkTown:
I am having problems with this CSS codes. First picture is what I want to create. Second picture is my code. Third picture is what i got.
NOTE: The red footer is fixed.

Where is the picture?

Re: Help With CSS Codes by Dmayor7(m): 11:47pm On Sep 06, 2017

NaijaTalkTown:
I am having problems with this CSS codes. First picture is what I want to create. Second picture is my code. Third picture is what i got.
NOTE: The red footer is fixed.

Here is a working code.... You didn't show your html codes though...

-----------------------------------------------

HTML

<div class="wrapper">

<div class="header"></div>

<div class="leftbar"></div>

<div class="content"></div>

<div class="rightbar"></div>

<div class="footer"></div>

</div>

CSS

.wrapper { width: 980px; background: silver; margin: 0 auto; }

.header { background: aqua; }

.leftbar { width: 20%; float: left; background: green; }

.content { width: 60%; float: left; background: grey; }

.rightbar { width: 20%; float: left; background: blue; }

.footer { clear: both; background: red; }

Hope this helps you..

Re: Help With CSS Codes by Nobody: 8:43am On Sep 07, 2017

Dmayor7:
Here is a working code.... You didn't show your html codes though...

-----------------------------------------------

HTML

<div class="wrapper">

<div class="header"></div>

<div class="leftbar"></div>

<div class="content"></div>

<div class="rightbar"></div>

<div class="footer"></div>

</div>

CSS

.wrapper { width: 980px; background: silver; margin: 0 auto; }

.header { background: aqua; }

.leftbar { width: 20%; float: left; background: green; }

.content { width: 60%; float: left; background: grey; }

.rightbar { width: 20%; float: left; background: blue; }

.footer { clear: both; background: red; }

Hope this helps you..

Thank you very much. I am grateful.

Re: Help With CSS Codes by Dmayor7(m): 11:36pm On Sep 08, 2017

NaijaTalkTown:
Thank you very much. I am grateful.

Am glad it solves your problem...

1 Reply

How To Code A Web Page With CSS • Modern Logistics Web Design Develop With Css • Do You Need A Web Designer With CSS style Experience? • 2 • 3 • 4

Get A Blog With This Packages [cheap Price] • Reliable Cloud Hosting For Your Website • I Will Integrate Voguepay Payment Processor On Any Website