Ines, Thank you for pointing out my oversight. I should have looked at the style sheet first. I didn't realize you were using absolute positioning. Here's an alternative with float. If it seems useful, you might want to check http://www.richinstyle.com/proposals/floatproposal.html. This is based on Example 4.
Here's the code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";> <html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en" lang="en"> <head> <title>Untitled</title> <style type="text/css"> div.float1 {border: solid blue; float:left; width:30%; height:200px;} div.nonfloat {border:solid red; height:100px;} div.float2 {border: solid green; width:60%; height:300px; float:left;} div.footer {border: blue double; height:55px; text-align:center;} </style> </head> <body> <div class="float1">float1 -- logo and left nav. As long as this height is greater than the top nav the float2 div should position to its right. </div> <div class="nonfloat">nonfloat - top nav </div> <div class="float2">needs 2 sub divs for left and right content and nav </div> <br clear="all" /> <div class="footer">your footer </div> </body> </html> andy -----Original Message----- From: Ines Robbers [mailto:[EMAIL PROTECTED]] Sent: Thursday, July 25, 2002 2:33 PM To: [EMAIL PROTECTED] Subject: [wdvltalk] RE: css: three x three boxes dynamically and in the right order hi andy, many thanks for your hint! do you think, however, whether that is the right approach at all? ideally i want the flow of my xhtml look like you can see below. first content, then navigation. i just can't see another way at the moment preventing the boxes from overlapping once the upper ones resize. have you got an idea perhaps? :-) cheers, ines <body> <!-- university logo --> <div id="logo"> ... </div> <!-- three content boxes --> <div id="content1"> ... </div> <div id="content2"> ... </div> <div id="content3"> ... </div> <!-- four navigation menus --> <div id="nav1"> ... </div> <div id="nav2"> ... </div> <div id="nav3"> ... </div> <div id="footer"> ... </a> </div> </body> > -----Original Message----- > From: Trusz, Andrew [mailto:[EMAIL PROTECTED]] > Sent: 25 July 2002 18:20 > To: [EMAIL PROTECTED] > Subject: [wdvltalk] RE: css: three x three boxes dynamically and in the > ri ght order > > > Separate the footer container and the page container. That is, close the > page container do a <br clear="all"> and then put the footer container. > > andy > > -----Original Message----- > From: Ines Robbers [mailto:[EMAIL PROTECTED]] > Sent: Thursday, July 25, 2002 10:20 AM > To: [EMAIL PROTECTED] > Subject: [wdvltalk] css: three x three boxes dynamically and in the > right order > > > hello list, > > i am building university homepage at the moment and i want it to > be without > tables. > > i have three boxes from left to right: > a left menu, a middle and right men�. underneath each menu box starts a > content box. > see here: http://www.uni-potsdam.de/u/stud/tests/layout.html > > since the left menu box for instance changes its height depending on the > respective page i need a way to avoid it from overlapping the contentbox > underneath. ie the content box has to dynamically change its position in > relation to the height of the menu box. > > well, i figured out that one by sticking them all in containers. (one for > the left, one for the middle, one for the right :-) > > now comes the problem: the site has to be accessable for disabled > people and > be readable in a text based browser. with my approach however, the footer > for instance is right after the main content in the flow of the html. only > after the footer there comes the other two content boxes and menus. > > well, has anyone of you a better approach which solves both problems - the > overlapping and the order of the html flow? > > many thanks for help!!! > > ines > > > > > -----Original Message----- > > From: Mark Groen [mailto:[EMAIL PROTECTED]] > > Sent: 25 July 2002 06:10 > > To: [EMAIL PROTECTED] > > Subject: [wdvltalk] RE: Colored Scroll Bars > > > > > > On July 25, 2002 at 7:49, Wolf, Michael wrote: > > > > > Robin, > > > > > > If memory serves me correctly, and it may not be as I continue to age, > > > the colored scroll bar effect will not work through a linked style > > > sheet. > > > > Nope, linked style sheets doesn't matter. For future > > comaptibility? it's been > > recommended to me, (can't remember where I read it, but it > > works), put your > > scrollbar attributes with the html element rather than the body element. > > Ex: > > > > html { scrollbar-face-color: #808080; > > scrollbar-arrow-color: #ffff00; > > scrollbar-base-color: #808080; > > scrollbar-shadow-color: #00009d; > > scrollbar-highlight-color: #c0c0c0; > > scrollbar-3d-light-color: #00009d; > > } > > > > > > Cheers, > > > > Mark > > > > > > ____ * 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.unsub%% > > > > > ____ * 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.unsub%% > > ____ * 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.unsub%% > ____ * 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.unsub%% ____ � 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]
