PDA

View Full Version : please could someone help?


Daimz
August 20th, 2007, 08:04 AM
I dont understand what I am doing wrong here. all I am wanting to do is have a div box with 2 divs in side it..one for content and the other is a side bar. Simple(I woulda thought but i am being proven wrong). I am a complete newb when it comes to CSS and for the life of me I cant figure out why the background div is not filling up the 100% as I am wanting.
Please if someone could have a look over my code and explain what I am doing wrong I would really appriciate it.
here is a link to the site:
http://www.arctosdesign.com/layout/index1.html

if you are using the firefox developers plug you should be able to veiw the css aswell.

I am use to tables and I am finding this quite confusing the whole when to use relative or absolute. and no matter what I try I just cant seem to get it. its how I want but with out the background Div behaving as it should.

thanx
simplistik
August 20th, 2007, 08:19 AM
2 reasons, 1) is cause you're sidebar is set to absolute positioning. 2) need to remove height 100% from your main content.

make your body content and side bar both relative ( or at just remove any absolute positioning ) float both left, remove the "left: x" and "top: x" from sidebar.

Then add a clearing element right after sidebar



.clear { height: 1%; margin: 0; padding: 0; clear: both; }




...
</div>
<br class="clear"/>



site looks nice though... very mtv
Daimz
August 20th, 2007, 08:45 PM
Hey thanx so much for that it worked perfectly.:)
I have a new problem tho(haha isn't that just how these things go) when I veiw the page in IE it duplicates the background image and places it behind the <div class="content_wrap"> layer. Why would it be doing that? as I have set that image to the <body> tag?
Edit:
if you try and select stuff on the page it completely screws up and as far as I can tell it is mainly based around the images with transparency and the layers. But I have no idea what is going on. Looks great in firefox!