Small css problem

[aeldaly]

My website (linux-place.com) is built with css and no tables or frames
whatsoever. The left "frame" looks fine, unless the page needs
scrolling. When I scroll down, the left "frame's" background colour
does not extend to that part of the page. The sheet can be found at
linux-place.com/style.css

What can I do so that it fills the whole area?

Thanks,
Ahmed El-Daly

[Jedi Fans]

ae*****@gmail.com wrote:

My website (linux-place.com) is built with css and no tables or frames
whatsoever. The left "frame" looks fine, unless the page needs
scrolling. When I scroll down, the left "frame's" background colour
does not extend to that part of the page. The sheet can be found at
linux-place.com/style.css

What can I do so that it fills the whole area?

<URL:http://www.alistapart.com/articles/fauxcolumns/>

--
Hope This Helped and MTFBWY...
Kieren aka JediFans - <URL:http://jedifans.com/>
The Force Is With Me, SuSE Linux Professional 9.3, Mozilla Firefox
1.0.6, Mozilla Thunderbird 1.5 Alpha 2 and Revenge Of The Sith!

[mbstevens]

ae*****@gmail.com wrote:

My website (linux-place.com) is built with css and no tables or frames
whatsoever. The left "frame" looks fine, unless the page needs
scrolling. When I scroll down, the left "frame's" background colour
does not extend to that part of the page. The sheet can be found at
linux-place.com/style.css

What can I do so that it fills the whole area?

Thanks,
Ahmed El-Daly

I would start by getting the page to validate at
http://validator.w3.org, for both markup and CSS.
Right now it has so many errors showing that I wouldn't
even attempt to waste a lot of time reading the markup
and CSS.

And, I would get rid of that 'Firefox...' frame at the bottom.

Once you've done all that, you might look
at some good templates like those at realworldstyle.com,
the 2 column template, and note differences between your
markup and that template.
--
mbstevens
http://www.mbstevens.com/cgi/mkatt.p...ique_Generator

[aeldaly]

mbstevens wrote:

I would start by getting the page to validate at
http://validator.w3.org, for both markup and CSS.
Right now it has so many errors showing that I wouldn't
even attempt to waste a lot of time reading the markup
and CSS.

And, I would get rid of that 'Firefox...' frame at the bottom.

Once you've done all that, you might look
at some good templates like those at realworldstyle.com,
the 2 column template, and note differences between your
markup and that template.
--
mbstevens
http://www.mbstevens.com/cgi/mkatt.p...ique_Generator

Thanks. I have vaildated both the XHTM and the CSS on the page and
place the validation icons on the footer. I have also decreased the
size of the Get Firefox! icon.

Seems like the only way to have the left div colors to extend all the
way to the bottom is by using a picture, which kind of sucks.

Anyone else solved this problem without using a picture as a
background?

Thanks to all,
Ahmed El-Daly

[Berna Bleeker]

ae*****@gmail.com schreef:

mbstevens wrote:

I would start by getting the page to validate at
http://validator.w3.org, for both markup and CSS.
Right now it has so many errors showing that I wouldn't
even attempt to waste a lot of time reading the markup
and CSS.

And, I would get rid of that 'Firefox...' frame at the bottom.

Once you've done all that, you might look
at some good templates like those at realworldstyle.com,
the 2 column template, and note differences between your
markup and that template.
--
mbstevens
http://www.mbstevens.com/cgi/mkatt.p...ique_Generator

Thanks. I have vaildated both the XHTM and the CSS on the page and
place the validation icons on the footer. I have also decreased the
size of the Get Firefox! icon.

Seems like the only way to have the left div colors to extend all the
way to the bottom is by using a picture, which kind of sucks.

Anyone else solved this problem without using a picture as a
background?

Thanks to all,
Ahmed El-Daly

I copied your html & css and experimented with it a bit.

If you change the colors on the body to

background: #042073;
color: white;

and you change the #mainbody to

#mainbody {
position: absolute;
top: 0px;
left: 100px;
padding: .5em;
color:#042073;
background-color: white}

it does what you want in Firefox. It sucks in Explorer, but then, your
online site does, too...

HTH,

Berna

--
( )_( ) Berna M. Bleeker-Slikker
/ . . \ be***********@gmail.com
\ \@/ / http://www.volksliedjes.nl

[aeldaly]

> I copied your html & css and experimented with it a bit.

If you change the colors on the body to

background: #042073;
color: white;

and you change the #mainbody to

#mainbody {
position: absolute;
top: 0px;
left: 100px;
padding: .5em;
color:#042073;
background-color: white}

it does what you want in Firefox. It sucks in Explorer, but then, your
online site does, too...

HTH,

Berna

Thanks Berna,
It does have a side-effect thought. When I scroll now, the part that
hidden is all screwed up. If you go to the site now, you will see what
I mean. I guess it the settings from body override those of mainbody,
although I would have thought it to be the other way round!