...

View Full Version : div border around content



mariel4
05-16-2009, 09:03 AM
Hi everyone. I'm working on a theme for my blog using wordpress and I'm trying to get a border around my #container div and my #sidebar div.

So i created a new div named wrapper2 and placed it right before my container and ended it right after the end of my footer but for some reason there is no border or background(which i also added to the div) showing up and it pushes down my floating sidebar underneath my container div.

i saved the files as txt so they are each viewable

http://bottledlove.net/wp-content/themes/heart/style.css
http://bottledlove.net/wp-content/themes/heart/index.txt
http://bottledlove.net/wp-content/themes/heart/header.txt
http://bottledlove.net/wp-content/themes/heart/footer.txt

Thank you for your help!

abduraooft
05-16-2009, 09:38 AM
So i created a new div named wrapper2 and placed it right before my container and ended it right after the end of my footer but for some reason there is no border or background(which i also added to the div) showing up and it pushes down my floating sidebar underneath my container div. Could you post a link to your page, which is having trouble?

mariel4
05-16-2009, 09:41 AM
Could you post a link to your page, which is having trouble?

sure it is: http://bottledlove.net/ as you can see the sidebar is pushed down beneath the post

abduraooft
05-16-2009, 09:45 AM
#container {/*style.css (line 96)*/
float:left;
/*margin:0 0 0 40px;*/
width:560px;
} the above makes it OK in FF(2)

mariel4
05-16-2009, 09:50 AM
Thank you! I got the sidebar in the correct place again but the border for #wrapper2 still doesn't show up... :/ Any ideas as to why neither the background nor border show?

abduraooft
05-16-2009, 09:53 AM
CSS validator may help you in this case, see http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fbottledlove.net%2F&profile=css21&usermedium=all&warning=1&lang=en

mariel4
05-16-2009, 10:07 AM
Okay I went through the css validator and now I have no errors in my css. The same problem is still there though. The border I made in wrapper2 is still not showing up... :/

abduraooft
05-16-2009, 10:13 AM
Try

#footer {/*bottledlove.net (line 201)*/
clear:both;
/*float:left;*/
padding:10px 0 0;
width:750px;
}
btw, have you checked your site in IE6?

mariel4
05-16-2009, 10:08 PM
okay that did the trick thank you so much! I just checked it in IE and I'll be having to do some adjustments but for the most part it works.

Thanks again!



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum