@ndersMedlem sedan juni 200032 969 inlägg Hej!
Vi ponerar att jag har en tabell som ser ut så här:
<table>
<tr>
<td>
Här finns massor av innehåll
</td>
<td>
Här finns lite saker överst
</td>
</tr>
</table>
I den högra cellen vill jag lägga en <div>, längst ner. Observera, jag vill inte lägga den längst ner i fönstret, utan längst ner i min tabellcell.
Jag har letat lite och hittat en massa alternativ att placera saker längst ner i fönstret (som ju inte är vad jag vill.)
Hur gör jag detta smidigast?
Mvh och tpf,
PaceMedlem sedan juni 20019 024 inlägg <td valign="bottom"> eller <td style="vertical-align:bottom"> ?
Berätta gärna vad du vill göra i stället, det blir enklare att komma med förslag.
jarvkloMedlem sedan juli 20013 378 inlägg Hmm...
"smidigast" gör du det nog med tabeller (eftersom du ju ändå börjat med tabeller för layout ;) )
Fattar jag dig rätt om jag tolkar det du säger ungefär såhär ?
<table>
<tr style="vertical-align:top">
<td rowspan="2">
<p>Här finns massor av innehåll</p>
<p>Här finns massor av innehåll</p>
<p>Här finns massor av innehåll</p>
<p>Här finns massor av innehåll</p>
<p>Här finns massor av innehåll</p>
<p>Här finns massor av innehåll</p>
</td>
<td>
Här finns lite saker överst
</td>
</tr>
<tr>
<td style="vertical-align:bottom">
<div>Och detta är en div i botten</div>
</td>
</tr>
</table>
@ndersMedlem sedan juni 200032 969 inlägg
Pace skrev:
Berätta gärna vad du vill göra i stället, det blir enklare att komma med förslag.
Jag tyckte att jag hade berättat vad jag vill e göra. :)
jarvklo skrev:
"smidigast" gör du det nog med tabeller (eftersom du ju ändå börjat med tabeller för layout ;) )
Jo, "dessvärre" blir det väl så att man gör på det sätt man kan, när man inte riktigt hinner lära sig något "bättre". ;)
Så här ser min tabell ut nu:
<table style="width:752px;" cellpadding="0" cellspacing="0">
<tr>
<td width="546px;">
<table style="width:546px;">
<tr>
<td><h2>Rubrik</h2></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td>
<img src="/ingressbild.jpg" align="left" hspace="12" vspace="12">
<br><i>Här ligger själva ingressen</i>
</td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td style="text-align:justify;">
<img src="artikelbild.jpg" align="right" hspace="14" vspace="14">
Här är själva nyhetstexten
</td>
</tr>
</table>
<td style="width:7px;"><img src="/images/dot_blank.gif" width="1"></td>
<td style="background-color:6bcb29; width:1px;"><img src="/images/dot_blank.gif" width="1"></td>
<td style="width:7px;"><img src="/images/dot_blank.gif" width="1"></td>
<td style="background-color:eeeeee; width:195px; vertical-align:top; padding-top:7px; padding-left:7px; padding-bottom:7px; padding-right:7px;">
<table height="100%">
<tr>
<td>
<h3>Relaterat</h3>
<a href="">En lille link</a><br>
<a href="">En lille link</a><br>
<a href="">En lille link</a><br>
<a href="">En lille link</a><br>
<td>
</tr>
<tr>
<td>
<div id="admin" style="border:1px dotted;padding-left:7px; position:absolute; bottom:0">
<b>Administration</b><br>
Endre<br>
Slett<br>
</div>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan="5" style="height:1px; background-color:6bcb29;"><img src="/images/dot_blank.gif" height="1"></td>
</tr>
<tr>
<td colspan="5" class="footer1">Skrevet av:
<a href="mailto:test@test.com">anders hansson</a>, 2004-10-01 14:10:46
</td>
</tr>
</table>
Uppladdad exempelkod
Det blev en ganska stor tabell, så jag tar och demonstrerar med ett par bilder också:
När man laddar sidan ser det ganska fint ut, med administrationsrutan längst ner: Bild 1. Men, jag skulle vilja att administrations-div:en hamnar längst ner i min högra tabellcell, som har annat innehåll och ska placeras överst i den cellen. Alltså: precis ovanför min gröna linje vill jag ha min administrationsruta i den grå kolumnen till höger. Bild 2 demonstrerar hur det ser ut när man scrollat ner till botten av fönstret.
Hoppas det är lite klarare vad jag vill göra. :)
Mvh
jarvkloMedlem sedan juli 20013 378 inlägg Hmm...
Menar du typ:
<table style="width:752px;" cellpadding="0" cellspacing="0">
<tr style="vertical-align:top;">
<td rowspan="2" width="546px;">
<table style="width:546px;">
<tr>
<td><h2>Rubrik</h2></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td>
<img src="/ingressbild.jpg" align="left" hspace="12" vspace="12">
<br><i>Här ligger själva ingressen</i>
</td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td style="text-align:justify;">
<img src="artikelbild.jpg" align="right" hspace="14" vspace="14">
Här är själva nyhetstexten
</td>
</tr>
</table>
<td rowspan="2" style="width:7px;"><img src="/images/dot_blank.gif" width="1"></td>
<td rowspan="2" style="background-color:6bcb29; width:1px;"><img src="/images/dot_blank.gif" width="1"></td>
<td rowspan="2" style="width:7px;"><img src="/images/dot_blank.gif" width="1"></td>
<td style="background-color:eeeeee; width:195px; padding-top:7px; padding-left:7px; padding-bottom:0; padding-right:7px;">
<h3>Relaterat</h3>
<a href="">En lille link</a><br>
<a href="">En lille link</a><br>
<a href="">En lille link</a><br>
<a href="">En lille link</a><br>
<td>
</tr>
<tr style="vertical-align:bottom">
<td style="background-color:eeeeee;">
<div id="admin" style="border:1px dotted;padding-left:7px; ">
<b>Administration</b><br>
Endre<br>
Slett<br>
</div>
</td>
</tr>
<tr>
<td colspan="5" style="height:1px; background-color:6bcb29;"><img src="/images/dot_blank.gif" height="1"></td>
</tr>
<tr>
<td colspan="5" class="footer1">Skrevet av:
<a href="mailto:test@test.com">anders hansson</a>, 2004-10-01 14:10:46
</td>
</tr>
</table>
@ndersMedlem sedan juni 200032 969 inlägg Jag förstår inte varför och hur, men är det så så är det. :D
Det ser ut att vara precis vad jag ville ha. Än så länge i alla fall. ;)
Stort tack, jarvklo! :bire
