Hi Andy,
I have difficulties understanding the examples from richinstyle. When I try
them out in my browser, they dont't work. For instance, instead of appearing
next to each other, the boxes in the first example appear underneath each
other. However, if I edit the width-percentages for just one percent it
works. This doesn't look like a stable and reliable design to me. What do
you think?
For some odd reason my css according to the float technique seems to work
really fine in Netscape4. Even when I resize my browser window, (if not the
size) at least the position of the several boxes stay as they should.
Still - whether it be float or absolute positioning - in neither case have I
got control over the flow of my XHTML because I need the containers to hold
the columns together that dynamically change their height. I mean how do i
put my top navigation menu at the top of the page (by using css / float)
when it's the last piece of xhtml code in the document?
Am I damned to use the container method, use the float technique (because it
works in netscape)and have a messed up order of my xhtml flow?
gee, i can't believe there is no other way.. perhaps i should give in and
either throw netscape4 compatibility over baord, or the order of my xhtml.
wonder what's worse.
i give it a last try in case someone comes up with a solution - here is the
problem again:
my page is meant to have a basic structure like this (* being the logo):
____________
|__top nav___|
* ______ ___
___ | | | |
| | | | |nav|
|nav| | | |___|
| | |content ___
|___| | | | |
___ | | | |
| | | | |content
|con| | | | |
|tent | | | |
| | | | | |
|___| |______| |___|
__________________
|______footer______|
The left navigation changes its height depending on the respective page.
Sometimes it will hold more, somethimes less menu items. The left content
box underneath has to respond to that by changing its position in relation
to the height of the nav box. The reason is that if the position of the left
content would be static, the left navigation box could overlapp it.
The same goes for the footer which must also change its position in relation
to the height of the three columns above it in order to prevent an
overlapping by them.
The right navigation menu has a fixed height, although in the future there
might be a menu item added or taken away so here it too it makes sense to
achieve a relative position of the right content box.
Since I want my site to be accessable for handicapped people too it is
important to have a certain order of the XHTML in such way that the most
important comes first the less important last. According to this, my XHTML
would look like this:
<body>
<!-- Logo -->
...
<!-- Content -->
<div class="contentmiddle">
...
</div>
<div class="contentright">
...
</div>
<div class="contentleft">
...
</div>
<!-- Navigation -->
<div class="navleft">
...
</div>
<p />
<div class="navright">
...
</div>
<p />
<div class="navtop">
...
</div>
<div class="footer">
...
</div>
</body>
Apart from being accessable according to WAI standards the site also has to
work in Netscape4, use CSS and not use <table> structures for the layout.
I wonder whether there is a solution to this at all. The problem:
In order to avoid overlapping of boxes I stick them into containers. This in
turn messes up the order of my XHTML flow.
Using float as an alternative to absolute or relative positioning in css
makes possible that the site works fine in Netscape4, however, it does not
solve the problem of the order of the XHTML.
Is the container method really the only solution?
Has anyone of you still got an idea how to realise this layout with the
described criteria or am I damned to make a compromise?
Many thanks for your help!
Ines
____ � The WDVL Discussion List from WDVL.COM � ____
To Join wdvltalk, Send An Email To: mailto:[EMAIL PROTECTED]
Send Your Posts To: [EMAIL PROTECTED]
To change subscription settings to the wdvltalk digest version:
http://wdvl.internet.com/WDVL/Forum/#sub
________________ http://www.wdvl.com _______________________
You are currently subscribed to wdvltalk as: [email protected]
To unsubscribe send a blank email to [EMAIL PROTECTED]
