Divs/layers i stället för tabeller

1 svar · 213 visningar · startad av trexter.com 14 nov. 2002

trexter.comMedlem sedan apr. 20021 203 inlägg

Frågan14 nov. 2002 17:30#1

Jo...
Hitintills har jag alltid använt tabeller när jag ska strukturera upp innehåll men jag har börjat fundera på om jag verkligen använder dem på rätt sätt. Nu gör jag nämligen på detta vis:

<table>
<tr><td>
       <table><tr><td></td></tr></table>
</td></tr>
</table>

Jag kör alltså med först en stor tabell, sedan en mindre i en ut av tabellrutorna, sedan en ännu mindre osv.

Kanske borde jag använda layers istället för så många tabeller för att få en "enklare" struktur?
Hur som helst, till min fråga:

Kan jag på något sätt skapa dessa tre rutorna med layers, hur?

___________________________
|.........................|
|.........................|
|________________________ |
|.........|..............|
|.........|..............|
|.........|..............|
|.........|..............|
|.........|..............|
|.........|..............|

JojoxxMedlem sedan juni 20004 308 inlägg

14 nov. 2002 19:49#2

Lager är nog inte det smartaste i detta fall om du tänkt att ha varje box som ett lager. Eftersom lager är absolut-positionerade kommer det övre lagret att "skriva över" de undre ifall det ökar i höjd (beroende på innehåll). Är innehållet statiskt så går det ju bra. Men vill du inte använda tabeller kan ett exempel se ut så här;

<style type="text/css">
.myBox { border:solid black 1px; }
</style>
<div class="myBox" style="width:600px;">
	Bla bla 1<br>
	Bla bla 1<br>
	<div class="myBox" style="float:right;width:400px;">
		Bla bla 2<br>
		Bla bla 2<br>
	</div>
	<div class="myBox">
		Bla bla 3<br>
		Bla bla 3<br>
	</div>
</div>

Den yttre av div'arna kan du sedan absolut-positionera om du vill, meddans storleken kommer att anpassas efter innehållet.