Small css problem

[aeldaly@gmail.com]

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]

Re: Small css problem

aeldaly@gmail.c om wrote:[color=blue]
> 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?[/color]

<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]

Re: Small css problem

aeldaly@gmail.c om wrote:[color=blue]
> 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
>[/color]
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.pl?name=python/Critique_Generator

[aeldaly@gmail.com]

Re: Small css problem

mbstevens wrote:[color=blue]
> 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[/color]

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]

Re: Small css problem

aeldaly@gmail.c om schreef:[color=blue]
> mbstevens wrote:
>[color=green]
>>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[/color]
>
>
> 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[/color]

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
/ . . \ berna.bleeker@g mail.com
\ \@/ / http://www.volksliedjes.nl

[aeldaly@gmail.com]

Re: Small css problem

> I copied your html & css and experimented with it a bit.[color=blue]
>
> 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[/color]

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!