[html] Probleem met div en tabellen

[Verwijderd]

Ben al een tijdje bezig aan een site, natuurlijk eerst de layout in html maken. Maar daar komt ook gelijk een probleem naar voren. Ik ben geen professional maar tot nu toe gaat alles wel redelijk.

Het zit zo. Ik heb met normale codes een pagina gemaakt. Deze pagina zal meer als achtergrond dienen, de echte content wordt daaroverheen gezet door middel van div tags. De content is variabel per pagina dus is lengte van de layer ook verschillend. Daar komt echter het probleem dat het me niet lukt om de pagina mee te krijgen met de lengte van de layer. Zo komt het dat het me niet lukt de pagina op te vullen als de layer erg lang is.

Heb al wat topics gelezen, maar ik kom er niet uit.

[disjfa]

Wij willen sources zien!

[Thomasje]

disjfa was me voor

[ Voor 82% gewijzigd door Thomasje op 03-05-2004 15:45 ]

[faabman]

in de src als laatste voor </body> een

HTML:

<br style="clear:both;" />

plaatsen

[Verwijderd]

Hmm tsja is denk niet specifiek een probleem met deze source, gewoon theoretisch probleem. K heb hieronder een versimpeling van het probleem gemaakt.

code:

<div id="Layer1" style="position:absolute; left:161px; top:23px; width:120px; height:239px; z-index:1; background-color: #009900; layer-background-color: #009900; border: 1px none #000000;"></div>

<table width="290" border="0" cellpadding="0" cellspacing="0">
    <tr> 
    <td width="290" height="82" valign="top" bgcolor="#000000"></td>
    </tr>
  <tr> 
    <td height="89" valign="top" bgcolor="#FF0000"></td>
  </tr>
</table>

De rode cel zou ik dus net zo lang willen maken als de layer. De rode layer steekt nu dus uit. De lengte van de layer staat niet vast dus gewoon lengte aanpassen zal ook niet werken

[disjfa]

Dude. Wat wil je met die table doen dan?

Kan je toch veel simpeler maken. Maar lees faabman maar........

[Verwijderd]

faabman schreef op 03 mei 2004 @ 15:52:
in de src als laatste voor </body> een

HTML:

<br style="clear:both;" />

plaatsen

Sorry werkt in dit geval niet...

[disjfa]

code:

<div *gezwam*>
   <table>
     *table gezwam*
   </table>
<br style="clear:both; />
</div>

Zo bedoelde hij het..............

[Verwijderd]

Hmm ja vul maar in in de bovenstaande code van me en zie dat dat niet werkt

[disjfa]

Dan moet je mischien een duidelijkere aanpak hebben......... maar dit is wel echt heeeeeeel erg basic

Een tip iig. Sloop die *&@# position:absolute; eruit. Dat is 9 van de 10 keer onnodig en onhandig.

[ Voor 34% gewijzigd door disjfa op 03-05-2004 16:08 ]

[Verwijderd]

ja misschien moet ik alles op een compleet andere manier re-designen. Zoals gezegd ben ik ook maar een beginner. Is inderdaad beetje onhandige manier.

lol. Die absolute position maakt toch een wezelijk verschil in dit voorbeeld

[ Voor 23% gewijzigd door Verwijderd op 03-05-2004 16:10 ]

[Copyman]

Misschien zeur ik nu wel teveel, maar waarom zet je:

style="position:absolute; left:161px; top:23px; width:120px; height:239px; z-index:1; background-color: #009900; layer-background-color: #009900; border: 1px none #000000;"

niet in CSS?

Enne: left:161px; top:23px; == margin:23px 0 0 161px; ?

[/zeur-mode]

[Verwijderd]

Lang leve dreamweaver Is ter voorbeeld, ga later alles in css zetten.