[html] layer gedragen als tabel

[Daniel304]

ik heb een tabel die ik wil op zetten naar verschillende layers.
echter ik werk met een box van een bepaalde grote waarin sommige cellen een vaste grote hebben. een simpel voorbeeld.

code:

<table border="1" width="100" id="table1">
    <tr>
        <td width="12">&nbsp;</td>
        <td>&nbsp;</td>
        <td width="12">&nbsp;</td>
    </tr>
</table>

nu blijft de middelste cel gelijk -24 pixels aan de totale grote. Hoe krijg je dit gedrag in layers ?

[Res-q]

div'jes maken en die allemaal een vaste breedte meegeven, en vervolgens met margin-left en right uitlijnen... Die div'jes vervolgens in 1 div-container hangen met 100px breedte

[Daniel304]

Het Werkt. Type foutje.
Bedankt

html

code:

<div class="BrownBox" id="Login">
      <div class="cross">[img]"../images/xmarks.gif"[/img]</div>
      <div class="message"><!-- --></div>
      <div class="pin">[img]"../images/marks.gif"[/img]</div>
</div>

css

code:

<!-- container -->
div.BrownBox{
  position          : absolute;
  left              : 20px;
  top               : 100px;
  width             : 300px;
  height            : 200px;
  z-index           : 1;
  border-top        : 1px solid #D4BC94;
  border-left       : 1px solid #D4BC94;
  border-bottom     : 1px solid #68502C;
  border-right      : 1px solid #68502C;
  background-color  : #98845C;
}

<!-- vierkant met vaste breedte -->
div.BrownBox .cross{
  position          : absolute;
  left              : -1px;
  top               : -1px;
  width             : 12px;
  height            : 12px;
  border-top        : 1px solid #D4BC94;
  border-left       : 1px solid #D4BC94;
  border-bottom     : 1px solid #68502C;
  border-right      : 1px solid #68502C;
}

<!-- vierkant met vaste breedte -->
div.BrownBox .pin{
  position          : absolute;
  right             : -1px;
  top               : -1px;
  width             : 12px;
  height            : 12px;
  border-top        : 1px solid #D4BC94;
  border-left       : 1px solid #D4BC94;
  border-bottom     : 1px solid #68502C;
  border-right      : 1px solid #68502C;
}

<!-- variabele breedte -->
div.BrownBox .message{
  margin-left       : 12px;
  margin-right      : 12px;
  top               : -1px;
  height            : 12px;
  border-top        : 2px ridge #D4BC94;
  border-left       : 2px ridge #D4BC94;
  border-bottom     : 2px ridge #D4BC94;
  border-right      : 2px ridge #D4BC94;
}

; vergeten.

[ Voor 43% gewijzigd door Daniel304 op 07-03-2005 14:59 ]

[BtM909]

Jij wilt volgens mij:

Cascading Stylesheet:

max-width: 400px; 

gebruiken. Het werkt uiteraard niet in IE