Small css problem

Join Bytes! 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!

Join Bytes! 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....tique_Generator

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....tique_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

Join Bytes! 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....tique_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
/ . . \ Join Bytes!
\ \@/ / http://www.volksliedjes.nl

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