Tables automatisch herpositioneren - Softwareontwikkeling

zaterdag 3 augustus 2002 21:11

Acties:

Een uit de lucht gegrepen naam

Topicstarter

Allereerst: Search op GoT werkt niet en kon ook niets goeds vinden via Google.

Stel ik heb een HTML-pagina als deze. Zodra het venster in de hoogte te klein is, vallen er tables weg. Is er een mogelijkheid om deze tables (die anders weg zouden vallen) rechtsboven neer te zetten? Dus dat ze bij een breed venster zelfs allemaal naast elkaar komen te staan i.p.v. onder elkaar? Alvast bedankt voor jullie hulp.

zaterdag 3 augustus 2002 21:19

Acties:

Verwijderd

Als je ze nu eens standaard naast elkaar zet is het probleem direkt opgelost maar dat wil je zeker niet?

zaterdag 3 augustus 2002 21:42

Acties:

Verwijderd

Wanneer je praat over meerdere tables zou je ze kunnen maken in DIVS. En dan een berekening erop loslaten wat het max. aantal tables kan zijn afhankelijk van je hoogte.
En dan op grond daarvan je divs herpositioneren.
Hier heb je vast een script om mee te spelen. Het bepaalt bij elke windowresize de nieuwe hoogte.

code:

<html>
<head>
<script language="JavaScript"><!--
var height, width;

function maat()
{
if (document.all)
    height = document.body.offsetHeight, width = document.body.offsetWidth;
else 
if (document.layers)
    height = window.innerHeight, width = window.innerWidth;
alert(height);
}
//--></script>
</head>
<body onResize="javascript:maat()">

<a href="javascript:maat()">MAAT</a>
</body>
</html>

zaterdag 3 augustus 2002 21:42

Acties:

Neman

Een uit de lucht gegrepen naam

Topicstarter

Verwijderd schreef op 03 augustus 2002 @ 21:19:
Als je ze nu eens standaard naast elkaar zet is het probleem direkt opgelost maar dat wil je zeker niet?

Nee, want als m'n venster dan smal en hoog is, dan vallen ze alsnog weg...

zaterdag 3 augustus 2002 21:46

Acties:

Verwijderd

Standaard boven elkaar gaat niet lekker, de flow layout is van links naar rechts, en vervolgens van boven naar beneden. Naast elkaar gaat wel, en dan begint het rijtje met cellen weer op een nieuwe regel als er rechts geen meer past.

Dit gaat echter niet meer met tabellen, want zoals ik al zei, heb je de flow layout nodig.
Je kunt elke 'cel' een div maken, met de juiste breedte en hoogte, en de CSS property float: left;

zaterdag 3 augustus 2002 22:00

Acties:

Verwijderd

zoals Cheatah aangeeft idd, je kan ook denken aan de style properties left en top om elementen te positioneren t.o.v. de viewport, i.c.m position: absolute;

zondag 4 augustus 2002 00:36

Acties:

Neman

Een uit de lucht gegrepen naam

Topicstarter

Je kunt elke 'cel' een div maken, met de juiste breedte en hoogte, en de CSS property float: left;

Dank! Ik laat ze nu maar naast elkaar beginnen en op deze manier wordt het prima opgelost.