Re: New layout language.

Ok Orion, here's the css to do it.  As a preface, this only works in Moz,
but then I'd only expect it to.  Additionally, the view resized nicely
until I put your minimum numbers on there.  Initially it was completely
liquid resizing in all instances, with your minimums added it became less
pretty, but perhaps that could be fixed with a min-margin-left:unit; sort
of tag added to css.  It's actually a cool idea.  Here's the code, to do
what you said couldn't be done.  Took me about 45 minutes all told.  If I
could spell "position" it would have taken a LOT less.  Keep in mind I've
added all the bells and whistles here.  I'd personally pull all the
min-whatever attributes out, but you wanted them so they're there.  I think
the system you've described would have the same resize problems that css
has here, since I still don't see a difference between absolute positions
and what you're proposing.

Kris

body {
      padding:0px;
}

.left {
      position:absolute;
      width:200px;
      left:10px;
      top:10px;
      bottom:10px;
      min-height:400px;
      border:1px solid #000000;
}

.right {
      position:absolute;
      width:200px;
      right:10px;
      top:10px;
      bottom:10px;
      min-height:400px;
      border:1px solid #000000;
}

.midleft {
      position:absolute;
      top:10px;
      bottom:20%;
      left:222px;
      right:50%;
      margin-right:5px;
      min-height:320px;
      min-width:200px;
      border:1px solid #000000;
}

.midright {
      position:absolute;
      top:10px;
      bottom:20%;
      right:222px;
      left:50%;
      margin-left:5px;
      min-height:320px;
      min-width:200px;
      border:1px solid #000000;
}

.bottom {
      position:absolute;
      top:80%;
      bottom:10px;
      right:222px;
      left:222px;
      margin-top:10px;
      min-height:70px;
      min-width:410px;
      border:1px solid #000000;
}

Received on Tuesday, 5 July 2005 23:58:28 UTC