[HTML] Table uitvulling probleem - Softwareontwikkeling

dinsdag 17 februari 2004 19:11

Acties:

chillend

Topicstarter

Ik heb een probleem bij het maken van een website, het is een vrij simpel idee eigenlijk wat ik wil doen. Zie volgende afbeelding:

Afbeeldingslocatie: http://www.sportbets.nl/screenie.gif

Nu bestaat deze pagina uit 3 tabellen, namelijk 1 voor het menu, 1 voor de tekst naast het menu (rechts) en 1 om deze beide tabellen heen.

Ik wil dat de middelste cel van het menu altijd minimaal de grootte heeft van de complete pagina. Maar na vanalles geprobeerd te hebben is het me nog steeds niet echt gelukt.

Hier volgt een stukje (versimpelde) code:

HTML:

<table width="750" cellpadding="0" cellspacing="0" border="1">
  <tr> 
    <td width="150" valign="top">
      <table width="150" cellpadding="0" cellspacing="0" border="1">
        <tr> 
          <td>
            BLABLA
          </td>
       </tr>
       <tr> 
         <td height="20">
           Hier komt straks ook nog een tekstje
         </td>
       </tr>
     </table>
    </td>
    <td>
      <table width="100%" cellpadding="0" cellspacing="0" border="0">
        <tr>
          <td width="600" valign="top">
            Titel
            Met tekst eronder
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>

Maar ik kom er maar niet uit... iemand misschien enig idee hoe dit opgelost kan worden?

alvast bedankt!

dinsdag 17 februari 2004 19:16

Acties:

crisp

Devver

Pixelated

om de rest maar even voor te zijn: waarom gebruik je tabellen voor deze (eenvoudige) opmaak?

Intentionally left blank

dinsdag 17 februari 2004 22:47

Acties:

Rodyman

chillend

Topicstarter

hoe zou je het anders oplossen? frames?

dinsdag 17 februari 2004 23:02

Acties:

saviour

Rodyman schreef op 17 februari 2004 @ 22:47:
hoe zou je het anders oplossen? frames?

Excuus, dubbel.

[ Voor 11% gewijzigd door saviour op 17-02-2004 23:05 ]

dinsdag 17 februari 2004 23:03

Acties:

saviour

Rodyman schreef op 17 februari 2004 @ 22:47:
hoe zou je het anders oplossen? frames?

Met layers ( <div> ).

Probeer zoveel mogelijk CSS te gebruiken en daarmee dus layout en code uit elkaar te houden.

woensdag 18 februari 2004 09:37

Acties:

Rodyman

chillend

Topicstarter

hmm, kun je me hier misschien een klein voorbeeldje/opzetje van geven?

woensdag 18 februari 2004 09:42

Acties:

Verwijderd

Zie voor meer info bijvoorbeeld http://htmldog.com/ http://cssvault.com/ etc. Genoeg sites die je kunnen informeren hoe je CSS behoort te gebruiken.

woensdag 18 februari 2004 09:47

Acties:

Liquid

Ik weet niet welke browser gebruikt, maar bij mij is het wel helemaal als de lengte van de pagina. Komt het niet gewoon door de H1 kopje?

woensdag 18 februari 2004 09:49

Acties:

klokop

swiekie swoeng

style="height: 100%;" of height="100%"

"Passing silhouettes of strange illuminated mannequins"

woensdag 18 februari 2004 10:44

Acties:

Rodyman

chillend

Topicstarter

klokop schreef op 18 februari 2004 @ 09:49:
style="height: 100%;" of height="100%"

Ja maar het probleem hiervan is dat de tabel dan de grootte krijgt van de complete hoogte van de pagina, en aangezien er nog een tabel boven staat wordt de tabel dus een stukkie te groot.

woensdag 18 februari 2004 10:55

Acties:

Bartjuh

Hej

doe het dan met css , zo bijv. :
<table style="width: 30px ; position: relative ; align: top">
of zo:
<head>
<style type="text/css">
table {
width: 30px;
position: relative;
align: top;
}
</style>
</head>
<body>
<table> ......
of met classes of id's

Maar wat wil je precies ? Je wilt de eerste tabel helemaal links in de pagina hebben met een vast grote voor hoogte en breedte en het vak ernaast moest zich aanpassen aan de breedte van de pagina ?

woensdag 18 februari 2004 11:26

Acties:

Johnny

ondergewaardeerde internetguru

Rodyman schreef op 18 februari 2004 @ 10:44:
[...]

Ja maar het probleem hiervan is dat de tabel dan de grootte krijgt van de complete hoogte van de pagina, en aangezien er nog een tabel boven staat wordt de tabel dus een stukkie te groot.

Dan moet je niet zoveel tabellen gebruiken. Je zou dit alles met een enkele tabel kunnen doen als je egbruikt makat van rowspan en colspan, je hebt eigenlijk helemaal geen tabellen nodig omdat je het ook puur met <div> en <ul> en CSS zou kunnen.

Aan de inhoud van de bovenstaande tekst kunnen geen rechten worden ontleend, tenzij dit expliciet in dit bericht is verwoord.

woensdag 18 februari 2004 19:45

Acties:

klokop

swiekie swoeng

Rodyman schreef op 18 februari 2004 @ 10:44:
[...]
Ja maar het probleem hiervan is dat de tabel dan de grootte krijgt van de complete hoogte van de pagina, en aangezien er nog een tabel boven staat wordt de tabel dus een stukkie te groot.

Zet die heigt=100% dan in de 2 cellen waarin die andere tabellen staan. Lijkt me dat die dan 100% van de hoogte van de buitenste table worden. (pin me d'r niet op vast...)

"Passing silhouettes of strange illuminated mannequins"

donderdag 19 februari 2004 15:31

Acties:

Rodyman

chillend

Topicstarter

klokop schreef op 18 februari 2004 @ 19:45:
[...]

Zet die heigt=100% dan in de 2 cellen waarin die andere tabellen staan. Lijkt me dat die dan 100% van de hoogte van de buitenste table worden. (pin me d'r niet op vast...)

Nope, height=100% wordt de complete hoogte van het scherm in pixels, dus dan valt er een stuk vanaf omdat er een tabel boven staat.

Pagina: 1

Reageer