Keskustelu: Nettisivujen teko: Kukkavaasi ilmiö

Firefox ja IE7 ainakin tekee tuollaisen jännän kukkavaasin näköisen jutun.
esim. http://www.veijola.net/tva.php
Nyt-telkussa ja TV-opas näkyy ihan ok, mutta TV-elokuvat näkyy tuossa kukkavaasi
mallissa, saan sen kyllä korjattua, mutta kiinnostaisi tietää voisiko tällaisia
outoja muotoiluja toteuttaa tarkoituksellakin jossain jutuissa. Jos joku osaa
selittää niin kiitoksia tiedoista.

Koodiin on tainnut eksyä virhe. Jokaisen elokuvan kohdalla luodaan uusi table-elementti, jota ei nähtävästi ikinä suljeta. Ja koska tablella (tai oikeammin sen solulla) on aina jokin verran sisennystä, tulee sisennystä jokaisen uuden ohjelman sisälle lisää, jolloin sisältö kapenee mitä enemmän niitä tulostetaan.

eli jos teen tablen joka on 100px leveä ja laitan sen sisään toisen tablen
joka on myös 100px leveä, niin sisempi table onkin vain 98px ? vai ymmärsinkö oikein.

Käytännössä teet tämmöistä koodia:

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

Firefoxin DOM inspector:
http://kontu.selfip.info/julkiset.kuvat/peg_kun_tagia_sulje_et.png

Sisentyminen johtuu siitä, että solussa on sisennystä. Koska sinulla ei ole lopetustageja, luo selaimen virhekorjaus ne itse.

Ratkaisu: sulje tagit.

Ja jatkoideana, kannattaa sisentää tagit ja laittaa lopetustagit aina samaan tasoon, jolloin tämmöisten ongelmien setviminen tulee visuaalisesti paljon selvemmäksi.