Posted by Els on 07/08/05 19:30

kchayka wrote:

> Paul F. Johnson wrote:
>
>> http://www.all-the-johnsons.co.uk/chemical/mirror/Postlabs.htm?
>>
>> The problem simple - scroll the window and you will see the text and
>> images appearing above (in part) the ChemiCAL header bar.
>
> Per your stylesheet:
> #topblock {
> height: 160px;
> }
> #content {
> padding-top: 160px;
> }
>
> You apparently expect the text in #topblock to stay within the specified
> height. That is highly dependent on the actual text and viewport sizes.
>
> When a larger text size than you expect is used, and/or it wraps due to
> smaller viewport size, an overflow on #topblock occurs. The padding on
> #content does not adjust accordingly and you get overlapping text.
>
> You cannot expect #content to adjust to variables the specs mandate it
> must ignore. Abandon the fixed/absolute positioning, leave the elements
> staticly positioned and automatically sized, and the problem goes away.

Yup - that's better advice than I just gave in my other post - I
hadn't counted with the padding-top on the #content :\

--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -
Now playing: The Stranglers - Golden Brown

[Back to original message]