/    Sign up×
Community /Pin to ProfileBookmark

Div positioning problem

Copy linkTweet thisAlerts:
Jun 22.2011

Ok, so I am making my first css layout for a site, and am running into a strange problem. I put the footer div underneath all my other divs, but the div box appears right under the site logo, while the text appears under one of the elements– there is a picture attached to show exactly the problem. In any case, using absolute positioning I can solve the issue but I’d rather not do that. Any help greatly appreciated! Oh, by the way it’s all validated except for the border radius stuff.
Image: [url]http://imageshack.us/photo/my-images/685/problemww.jpg/[/url]

[code=php]#footer{
text-align:center;
-moz-border-radius: 6px;
border-radius: 6px;
height:30px;
width:200px;
}[/code]

accompanying HTML:

[code=php]<div id=”footer” class=”box”>
&copy Some Guy 2011
</div> <!– END FOOTER DIV –>[/code]

to post a comment
CSS

3 Comments(s) ↴

Copy linkTweet thisAlerts:
@fgm2rJun 23.2011 — Do you have "clear: both" somewhere in your CSS? If not try adding it to your footer:

#footer

{

clear: both;

}

More info https://developer.mozilla.org/en/CSS/clear
Copy linkTweet thisAlerts:
@skywalker2208Jun 23.2011 — If the clear: both; doesn't work then try to post a link or the full html and css.
Copy linkTweet thisAlerts:
@CodonautauthorJun 23.2011 — That did it! Thanks a ton.
×

Success!

Help @Codonaut spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 6.17,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @nearjob,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,
)...