Previous Message
Next Message

Alternative to spacer.gif?

Sent by Leonie Price on 9 August 2004 04:04


> white-space: nowrap; in a span around the content that you don't want to
> collapse

Where the content is generated automatically this is probably not the
best solution, and probably wouldn't work where no content was
returned.


> an empty div inside the <td> with fixed width (a CSS equivalent of the
> spacer .gif, but in my experience less reliable cross-browser)

Nice thinking.  This is a possibility.  

<div id='table'>
 <div id='row>
    <div id='left' class='column'>etc</div>
    <div id='middle' class='column'>
      content etc
     <div class='spacer-div'></div>
    </div>
    <div id='right' class='column'>etc</div>
 </div>
</div>
#table {
 display: table;
}
#row {
 display: table-row;
}
..column {
   display: table-cell;
}
..spacer-div {
    width: 400px;
}  

Cross-browser support isn't so much an issue as the above code only
works in Mozilla/Opera browsers in any event.  I'll try it out.
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
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/
Previous Message
Next Message

Message thread:

Possibly related: