Can't Add Div to Page

Question

i'm trying to add another div to my site and for some reason i can not it, ive added the div and css but its not affecting the result.

Html:

<div id="fourthsection1">


</div>

css:

#fourthsection1{
    width:100%;
    height:500px;
    background-color: blue;
}

That div is behind "container" ! – Vucko Nov 05 '12 at 23:04 — Vucko, Nov 05 '12 at 23:04
Yes its very weird that! let me take a look – Denver Nov 05 '12 at 23:05 — Denver, Nov 05 '12 at 23:05
If you remove "thirdsubsection1&2" you'll see it. – Vucko Nov 05 '12 at 23:06 — Vucko, Nov 05 '12 at 23:06
I can't seem to get it out of the container! Any ideas? – Denver Nov 05 '12 at 23:06 — Denver, Nov 05 '12 at 23:06
@Vucko any ideas whats causing that? – Denver Nov 05 '12 at 23:08 — Denver, Nov 05 '12 at 23:08

score 1 · Accepted Answer · answered Nov 05 '12 at 23:12

1

Try to add a div with style="clear:both" after thirdsubsection1&2 !

answered Nov 05 '12 at 23:12

Vucko

After floating you must clear the areas whom were floated. http://www.w3schools.com/cssref/pr_class_clear.asp – Vucko Nov 05 '12 at 23:16

score 0 · Answer 2 · edited May 23 '17 at 12:12

0

I have been able to fix this by adding overflow:hidden to the container element inside #thirdsection on chrome.

A better solution would be to use clearfix. I would take a look at this question for ideas.

edited May 23 '17 at 12:12

Community

answered Nov 05 '12 at 23:09

Undefined

Hmm i'm not having the same luck! how did you implement it? – Denver Nov 05 '12 at 23:12

2 Answers2