Neverside

2 problems with my website... css

i'm creating a website using CSS as much as possible and xhtml for content... each section of the website is in a container and absolute positioning is used to apply where it goes.

my first problem is that when it's viewed in FireFox my webpage doesnt have the background applied in the main container.

http://www.westview.hartlepool.sch.uk/personal/

here is the link, please view it in both firefox and IE to see what i mean... the code used to apply this background is....

Code:

#wrapper {
width: 701px;
height: 100%;
margin: 0 auto;
padding: 0;
background: url(images/mainbackground.jpg) repeat-y center;
}

problem 2... as you can see, in the main content window there are 2 boxes boxes which will hold the content, first is white, second is that greyish colour... these also use absolute positioning, therfore are placed anywhere by the dimensions i specify, but for example what if i end up making the white content box alot longer that i thought and it would overlap the grey content box, i basically want the grey content box to stay underneath the white content box without having to change the px dimensions in the stylesheet everytime, also the lengths could be different for each page. so no matter how big the white content box is, i always want the grey content box to be positioned underneath, this is achieved in tables because they can automatically size to the size of the content, how can it be done in CSS??

thanks

___________________

Forcer...

I keep timing out trying to view the site, but try this:

background: url(images/mainbackground.jpg) center top repeat-y;

It's possible it doesn't look right in FF because you've misused the shortened version somewhat. Maybe that'll help.

As to problem 2... I have no idea since I can't get the site to load so I can't see what you mean.

___________________

www.kiswa.com
My attempt at articles for Neverside CodeBase: Part 1 Part 2 Part 3
(. )v( ·) <- The Webstandards Owl

Last edited by kiswa, January 23rd, 2006 09:57 PM (Edited 1 times)