Table width variabel?

[wzshop]

Dag mensen,

Ik heb een website in een tabel maar ik heb links en rechts 2 extra kolommen gemaakt. In deze kolommen heb ik een bepaalde background image staan. Maar het gaat natuurlijk alleen maar om de middelste kolom, want daar staat de daadwerkelijke content in. Nu doet het probleem zich voor als ik mijn browser versmal. de background links zou dan eigenlijk moeten versmallen zodat de middelste kolom steeds het midden van de browser opzoekt. Maar zoals het er nu staat blijft de linker kolom(bg_left.jpg) met een vaste width staan zodat juist de middelste kolom verdwijnt van het scherm en de linker kolom met de background in beeld blijft.

Zie hier een voorbeeld: http://webmarketingspecialist.nl/test/

ik heb nu dit aan code:

<table align="center" cellpadding="0" cellspacing="0" width="500" height="419" border="0">
  <tr>
    <td width="0" background="bg_left.jpg"><img src="images/spacer.gif" width="226" height="1" alt="" border="0" /></td>
    <td><table class="table6" width="500" height="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td colspan="3"></td>
  </tr>
  <tr>
    <td class="td3" width="268" height="1088" valign="top"></td>
    <td width="0" class="td2"><img src="images/spacer.gif" width="1" height="1" alt="" border="0"></td>
    <td class="td3" width="528" valign="top"></td>
<td width="0" background="bg_right.jpg"><img src="images/spacer.gif" width="226" height="1" alt="" border="0"></td>
  </tr>
</table>

Wie kan me helpen? zodat de linkerkolom afhankelijk van de breedte van het venster van je browser zich aanpast en de middelste kolom zolang mogelijk zichtbaar blijft in de browser?

Misschien een beetje een warrig verhaal maar ik hoop dat iemand mij begrijpt
groeten.

 

[Sleight]

je natuurlijk de linkse en de rechtse stukken met een width=* zetten dan krijgt dat gedeelte gewoon de plaats die nog over is
en dan zet je bij het middelste stuk een width van hoe breed jij het wilt hebben


maa rje kan ook gewoon een table maken met 1 kolom, en dan zet je die table op align='center' , dna blijft die ook asltijd in het midden staan

 

[wzshop]

je natuurlijk de linkse en de rechtse stukken met een width=* zetten dan krijgt dat gedeelte gewoon de plaats die nog over is
en dan zet je bij het middelste stuk een width van hoe breed jij het wilt hebben


maa rje kan ook gewoon een table maken met 1 kolom, en dan zet je die table op align='center' , dna blijft die ook asltijd in het midden staan

Bedankt voor je reactie!
Wat bedoel je met een width=* ?

En als ik maar 1 kolom heb, hoe kan ik er dan voor zorgen dat ik links en rechts vd tabel een verschillende achtergrond image heb?

 

[Sleight]

sorry, ik had niet helemaal begrepen dat er twee verschillende afbeeldingen moesten
width=* zorgt ervoor dat alles wat overblijft daarheen gaat

dus als je 2 kolommen hebt: en je doet de eerste op * en de tweede op 60%
dan wordt de eerste automatisch 40%
want er moet samen 100% uitkomen

als je 2 kolommen hebt, en je doet de eerste op * en de tweede op 500 pixels
dan wordt de eerste alles wat overblijft, afhanklelijk van hoe groot het scherm is
dus als het scherm bijv 600pixels is dan blijft er nog 100 pixels over voor het *

zo kun je dus zorgen dat het middelste altijd even groot blijft, en die anderen het gewoon opvullen

edit: ik zie trouwens ook dat in jou code 2x een <table> staat, en maar 1x een </table>

 

[wzshop]

Nogmaals bedankt.

Het klopt dat ik 2x een table open en 1x sluit, maar in een ander bestand wordt deze </table> geinclude dus uiteindelijk klopt het wel

Maar bedoel je nu zoiets als dit:

<table align="center" cellpadding="0" cellspacing="0" width="500" height="419" border="0">
  <tr>
    <td width="*" background="bg_left.jpg"></td>
    <td><table class="table6" width="500" height="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td colspan="3"></td>
  </tr>
  <tr>
    <td class="td3" width="268" height="1088" valign="top"></td>
    <td width="0" class="td2"><img src="images/spacer.gif" width="1" height="1" alt="" border="0"></td>
    <td class="td3" width="528" valign="top"></td>
<td width="*" background="bg_right.jpg"></td>
  </tr>
</table>

Ik heb nu de spacers weggehaald en de width van de td vervangen door een *.. Zie: http://webmarketingspecialist.nl/test/

Alles valt nu namelijk weg. Ook wanneer ik de spacer behoud en die de width="*" meegeef.
Nogmaals super bedankt voor je tijd!
groet.