Vicky Etherington schrieb:
... I'm still struggling with the overflow problem in FF when I
apply it. I have applied clear:both rules to the navigation and the #main
div, but FF still throws the content over to the right when the overflow:
auto rule is applied
Hi Vicky,
the clear in #main was meant to prevent the left main to jump to the
right when the text-size is zoomed: the left main was hooked by the
left floats in the navigation.
http://www.azuremarketing.com/clients/workham04/web/.
#nav ul { ...
margin-bottom:0; /*OP*/
}
#sidebar { ...
margin: 6px 0pt 6px 0; /* FF */
overflow: auto;
float: right; /* IE*/
...
}
(as mentioned by Graham, you'll have to change the margin-left when you
overflow this container; because overflow disconnects the container from
the left floats. To align it in all browsers to the right, I have chosen
float:right.)
--
The general problem with this vertical centered design I have mentioned
is that it is undefined to me what should happen if the content gets
taller than the horizon. With this technique, you have to assign a
height for the horizon. Now text-zooming will break it.
When you rely on scrollbars for the "sidebar", this does not solve for
"main". Currently, main overflows the horizon, and the following "Hotels
and Venues enter here" is pushed out of the horizon (maybe you have to
move this to the footer?).
When you want to have scrollbars at the content, the links in main will
scroll up. In the end, this vertical centered layout has not enough room.
To answer your question, I need to know what should happen when
a) the content at the right side grows
b) the content at the left side grows
Scrollbars make the impression that the paper was to small for the
scratch, IMHO, but I am not a designer.
---
{ In principle, you'll need a vertical centering solution that will work
with an /unknown/ height of the box, so it can expand in height and
stays centered when the content gets taller (like a table-cell). But the
disadvantage of such an attempt would be that the pages are getting
different heights at worst. I have played with Bruno Fassino's vertical
centering method,
http://www.brunildo.org/test/vertmiddle.html
with
http://www.brunildo.org/test/shrink_center_4.html
but the more complex the page gets, browser do not play well anymore:
http://www.satzansatz.de/photocenter.html
(technique and all bug fixes by Bruno, all bugs by me) }
---
So I think that the vertical centering is not a layout for normal pages
with varying content, but I'd like to hear other opinions or suggestions
for your layout, on-list.
Ingo
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
