"Absolute" bad idea?

[vitay]

Hi

Centered links are hidden by the footer in resolution 800x600 because divs
have position absolute and I don't know
how to prevent it. For IE I can change position by css "expresion" but
Firefox
don't support it.
My page: http://exterior.pl/bumaga/

[Ben C]

On 2006-11-07, vitay <vi***@nohost.comwrote:

Hi

Centered links are hidden by the footer in resolution 800x600 because divs
have position absolute and I don't know
how to prevent it. For IE I can change position by css "expresion" but
Firefox
don't support it.
My page: http://exterior.pl/bumaga/

You could give #container a min-height. Which you have done, except a
min-height of 100% (of the viewport height) isn't really helping.

height: 100%;
min-height: 500px;

will work, but only if you also get rid of the selector a bit lower down
(html>body #container) that sets height on #container to auto
(superseding the height: 100%).

[vitay]

>
You could give #container a min-height. Which you have done, except a
min-height of 100% (of the viewport height) isn't really helping.

height: 100%;
min-height: 500px;

I don't understand what does it mean?

will work, but only if you also get rid of the selector a bit lower down
(html>body #container) that sets height on #container to auto
(superseding the height: 100%).

[Ben C]

On 2006-11-07, vitay <vi**@host.comwrote:

>

>>
You could give #container a min-height. Which you have done, except a
min-height of 100% (of the viewport height) isn't really helping.

height: 100%;
min-height: 500px;

I don't understand what does it mean?

It means the height should be either 100% of the viewport (the user's
window), or 500px, whichever is the greater.

If the user's window is less than 500px, they'll typically get a
scrollbar to find their way to the bottom of the page.

[Bergamot]

vitay wrote:

>
My page: http://exterior.pl/bumaga/

Yes, absolute positioning is generally a bad idea, especially if you
aren't very knowledgeable in CSS. The tendency is to brow-beat your
design to behave as you wish, while you really only create a fragile
layout that will be trouble to some portion of your visitors. Your page
in particular suffers from a few things common with the inexperienced:

1. "div soup" - there is virtually no semantic markup, not even 1
heading. You can (and should) replace most of those divs with proper
heading, list and paragraph markup.

2. Neither the HTML nor CSS validates. Validation eliminates syntax
errors as a cause of rendering issues. How do you expect browsers to
render invalid code at all, let alone consistently?

3. Setting font sizes in px, then setting container widths in px,
assuming the visitor will be happy with your chosen sizes. That's an
unwise assumption. If you don't already have a gecko browser (Firefox,
SeaMonkey, et al) then download one now from mozilla.org. Test your page
at an enlarged text size, at least 150% zoom, preferably higher. If your
layout doesn't adapt well, go back to the drawing board.

BTW, medium gray text on a black background is really hard to read.

--
Berg

[vitay]

will work, but only if you also get rid of the selector a bit lower down
(html>body #container) that sets height on #container to auto
(superseding the height: 100%).

And in html>body #container what I must change?

[Ben C]

On 2006-11-08, vitay <vi***@nohost.comwrote:

>

>will work, but only if you also get rid of the selector a bit lower down
(html>body #container) that sets height on #container to auto
(superseding the height: 100%).

And in html>body #container what I must change?

Delete the line that says "height: auto".

You are setting height on #container twice. The first time you set it to
100%, then you set it again to "auto".

The second one wins because the second selector is more specific.

[vitay]

>>will work, but only if you also get rid of the selector a bit lower down
(html>body #container) that sets height on #container to auto
(superseding the height: 100%).

And in html>body #container what I must change?

Delete the line that says "height: auto".

You are setting height on #container twice. The first time you set it to
100%, then you set it again to "auto".

The second one wins because the second selector is more specific.

Thanx, yes it work now but only in Firefox, it seems that IE 6 don't use
min-height or maybe is somethin wrong?

[Ben C]

On 2006-11-08, vitay <vi**@host.comwrote:

>

>>>will work, but only if you also get rid of the selector a bit lower down
(html>body #container) that sets height on #container to auto
(superseding the height: 100%).

And in html>body #container what I must change?

Delete the line that says "height: auto".

You are setting height on #container twice. The first time you set it to
100%, then you set it again to "auto".

The second one wins because the second selector is more specific.

Thanx, yes it work now but only in Firefox, it seems that IE 6 don't use
min-height or maybe is somethin wrong?

I have heard IE doesn't support min-height. I think there's some devious
workaround for that to which a link was posted in either this NG or
alt.html not very long ago. You could try searching the archives.