[CSS/HTML]

[siepeltjuh]

Ik heb een pagine met het volgende:

1 tabel waarin weer een tabel zit en wat tekst wat opgemaakt wordt in css.:

css:

code:

table.content
    {
    position: absolute;
    top: 40px;
    left: 100px;
    background-image: url('img/content/content_table.jpg');
    }
.content-title
    {
    position: absolute;
    top: 100px;
                left: 200px;
    color: #000000;
    width: 420px;
    }

De tabel ziet er zo uit:

code:

<table width="650" class="content" cellspacing="0">
  <tr> 
    <td></td>
  </tr>
  <tr> 
    <td></td>
    <td></td>
    <td rowspan="3"></td>
    <td rowspan="3" >
    <DIV CLASS="content-title">Contactpagina</DIV>
    <TABLE CELLSPACING="0" WIDTH="85%">
       tabel met aantal cellen vooropmaak van contact gegevens
      </TABLE>
</td>
    <td rowspan="4"> </td>
  </tr>
  <tr> 
    <td></td>
  </tr>
  <tr> 
    <td ></td>
  </tr>
  <tr> 
    <td></td>
  </tr>
</table>

Ik heb wel even wat geknipt in de tabel om het overzichtelijk te maken. (alleen tekst eigenlijk)
Er komt geen tekst buiten de td gebeuren. Mijn script komt door html 4.01 transitional validator van w3c en door css validator.

De tekst die in de middenste tabel staat wordt prima getoond. Niets mis mee, maar de <div content-titel komt in IE hardstikke mooi boven in de tabel waar ook de tabel in staat te staan. Echter nu komt het in FireFox staat hij een heel stuk naar rechts en naar beneden. Alsof ze allebei een andere referentie voor absolute gebruiken.
Als ik het zo instel dat het goed is in Firefox. Dan werkt het in IE niet meer, die plaatst de div dan te ver naar links waardoor de tabel voor geen meter klopt.
Moet ik hier een oplossing zoeken in een layer? of staat de div verkeerd? iemand een idee?

[Ma_rK]

Zou beginnen met alle TD tjes de juiste col/row span te geven. Gebruik eens een dreamweaver. Dan voorkom je dit soort zaken.

code:

<table width="650" class="content" cellspacing="0">
  <tr> 
    <td colspan="3"></td>
  </tr>
  <tr> 
    <td></td>
    <td rowspan="3"></td>
    <td rowspan="3" > <DIV CLASS="content-title">Contactpagina</DIV>
      <TABLE CELLSPACING="0" WIDTH="85%">
        <tr> 
          <td>tabel met aantal cellen vooropmaak van contact gegevens </td>
        </tr>
      </TABLE></td>
  </tr>
  <tr> 
    <td colspan="4"></td>
  </tr>
</table>

En binnen een table horen dacht ik een tr en td element voor te komen maar dat laat ik aan w3.

[ Voor 255% gewijzigd door Ma_rK op 11-03-2005 01:08 ]

[siepeltjuh]

Lijkt me duidelijk, W3C bedankt de standaard voor html css etc.
Als hij door die test van hun komt, dan zijn de td tr etc tags dik in orde.
Daar komt hij door dus dat is het niet.

Zoals ik in mijn start post al vermelde heb ik hier en daar wat geknipt.

In mijn uitleg staat vrij duidelijk dat tussen de table tags een aantal cellen staan dus tr td`s

Voor een duidelijkere uitleg hier het frame waar ik het over heb:
Frame contact

De zwarte tekst is niet goed te krijgen, boven aan de pagiina zeg maar de top van de cel.

[ Voor 9% gewijzigd door siepeltjuh op 11-03-2005 01:23 ]

[crisp]

geef de TD waar de DIV in staat een position:relative
nog beter: gebruik geen tabellen voor opmaak

[siepeltjuh]

Ook als ik die TD waar de div instaat een position meegeef, dan werkt het niet. IE en FF blijven verschillende plaatsingen zien van de titel div.

[Verwijderd]

wat doet ie als je heel die div uit de tabel haalt en dus buiten de tabel zet ?

[Blaxje]

Waarom wil je in vredesnaam elementen absoluut positioneren in een tabel?
Werk toch lekker met divs, padding en margins etc.

[ Voor 28% gewijzigd door Blaxje op 11-03-2005 21:30 ]

[siepeltjuh]

Omdat dit ook gewoon moet werken.
In andere pagina`s gebruik ik dezelfde tabel, pagina`s worden via php gemaakt, dus verandert de content vrij veel. Tabellen zijn dan dus handiger om te verwerken in php.

Als ik de div eruit sloop, dan wordt de titel precies boven de tabel getoond, ook zoals verwacht.