css rendering simply sucks in existing browsers :(

[Stas Bekman]

I've spent hours trying to create a new block for the tail, so it'll be 
positioned at the very bottom of the page, following the left or right 
box, whichever is longer. Eventually I've made it working with double 
nesting block with mozilla. But it won't work with anything else I've 
tried with :( Once you use absolute anywhere, the CSS "normal" layout is 
not working anymore.

BTW, you can easily see the div blocks in mozilla DOM Inspector, which 
is very cool since when you click on the element it highlights it on the 
rendered page.

Basically according to the spec it should work if you enclose the 
leftbox and rightbox divs into bodybox div, like:

div.bodybox {
    display: block;
    position: relative;
    ...
}
div.leftbox {
    position: absolute;
    top: 55px;
    left: 0px;
    width: 174px;
    ...
}
div.rightbox {
    position: absolute;
    top: 55px;
    left: 190px;
    ...
}
...
<div class="bodybox">
  <div class="leftbox">
  </div>
  <div class="rightbox">
  </div>
</div>
and then a next block should be layed out after the bodybox as in normal 
flow. But I gave up it simply does work as the spec says.

I think it's important that we will be able to put things at the very 
bottom.

Not talking about the fact that if the browser doesn't support CSS (or 
it's turned off), the whole layout goes kaput.

__________________________________________________________________
Stas Bekman            JAm_pH ------> Just Another mod_perl Hacker
http://stason.org/     mod_perl Guide ---> http://perl.apache.org
mailto:[EMAIL PROTECTED] http://use.perl.org http://apacheweek.com
http://modperlbook.org http://apache.org   http://ticketmaster.com
---------------------------------------------------------------------
To unsubscribe, e-mail: [EMAIL PROTECTED]
For additional commands, e-mail: [EMAIL PROTECTED]