fast cellehjøde og ikke-fastcellehøjde..

Ved ikke om du kan bruge det til noget, men de klassiske løsninger arbejder med tabeller i tabeller (i tabeller i tabeller !-)

er det en opgave fordi du er begyndt på en uddannelse e.lign?
Og hvad må du bruge af teknologier?

roenving:

contens skal også indeholde en ny tabel med det egentlige indhold ;)

men jeg tænkte selv på noget i den retning, men jeg ender faktisk bare samme sted igen. Indholdet skal ikke rykkes ned med eksemplevis leftlowertopcornerekstra's cellehøjde, men skal kunne være ved siden af

voirsous:

nope, til eget brug. Det skal være muligt for brugeren at ændre på sidens udseende udfra nogle designs je stiller til rådighed - og i dén forbindelse opdagede jeg denne hér problematik. de forskellige designs kan have forskellige højder og bredder, dén løser jeg via asp, men jeg skal have de midterste celler i siderne til at ændre højde - ikke de øverste eller nederste som jeg indtil videre kun har fået det til..

voirsous:

glemte: det skulle helst kunne holdes indenfor html evt. med cross-browser kompatibel js hvis nødvendigt

forstår ikke problemmet helt, men højde burde justere sig selv ved at angive auto; style="height: auto;"
men ændre du højden i en <td> celle følger de andre jo automatisk med.

voirsous:

det er nemlig dét der er problemet. højden på de to øvre og nedre følger med - de skal være med fast højde, så kun de midterste i siderne ændre højde automatisk

skal det være en tabel-løsning?
har du ikke et link hvor man kan se problemmet?

voirsous:

har lige prøvet at strikke lidt hurtigt sammen - illustreret med celle-farver:

http://www.greenholt.dk/test2.htm

i de to tabeller burde den blå og lysegrønne kun være 20 pixels høj - den røde skulle så automatisk udfylde resten af højden.

som det ses på de to tabeller ændrer de tre celler i siden højden sammen, og til samme højde, alt efter hvor mange linjer den mørkegrønne indeholder. Det skulle helst kun være den røde der ændrer højde.

skulle helst være en tabel-løsning - ved ikke om jeg selv kan finde ud af det hvis det er noget andet, men du har måske en idé?

tror jeg har en et par løsninger, arbejder lige på dem :)

<table>
<tr>
<td style="height: 20px; width: 20px; background-color: red;">
ghgh
</td>
<td style="height: 1px;">
sdsdsd
</td>
</tr>
<tr>
<td style="height: auto; width: 20px; background-color: red;">
ghghgh
</td>
<td style="height: auto;">
sdsdsd<br><br><br><br><br><br><br><br>
</td>
</tr>
<tr>
<td style="height: 20px; width: 20px; background-color: red;">
ghghgh
</td>
<td style="height: 1px;">
sdsdsd
</td>
</tr>
</table>

voirsous:

Tak - det var LIGE det jeg havde brug for :)

velbekommen :)

hmm. måske lidt for hurtigt jeg fik sagt det.. kigger lidt nærmere på det..

noget i denne stil

<table border="0" cellspacing="0" cellpadding="0" width="600">
<tr>
    <td style="height:25px; width:25px;background-color:#000000; vertical-align:top;">1</td>
    <td style="height:25px; width:25px;background-color:#999999; vertical-align:top;">2</td>
    <td style="background-color:blue;">3</td>
    <td style="height:25px; width:25px;background-color:#999999; vertical-align:top;">4</td>
    <td style="height:25px; width:25px;background-color:#000000; vertical-align:top;">5</td>
</tr>
</table>
<table border="0" cellspacing="0" cellpadding="0" style="height:500px;width:600;">
<tr>
    <td><table height="100%" width="25px" border="0" cellspacing="0" cellpadding="5">
<tr>
    <td style="height:25px; width:25px; background-color:#999999; vertical-align:top;">1</td>
</tr>
<tr>
    <td style="height: 100%;background-color:blue; vertical-align:top;">2</td>
</tr>
<tr>
    <td style="height:25px; width:25px;background-color:#999999; vertical-align:top;">3</td>
</tr>
</table>
</td>
    <td width="100%" bgcolor="#00FF00" style="padding:10px; vertical-align:top;">indholds side<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br></td>
<td><table height="100%" width="25px" border="0" cellspacing="0" cellpadding="5">
<tr>
    <td style="height:25px; width:25px; background-color:#999999; vertical-align:top;">1</td>
</tr>
<tr>
    <td style="height: 100%;background-color:blue; vertical-align:top;">2</td>
</tr>
<tr>
    <td style="height:25px; width:25px;background-color:#999999; vertical-align:top;">3</td>
</tr>
</table></td>
</tr>

</table>
<table border="0" cellspacing="0" cellpadding="0" width="600">
<tr>
    <td style="height:25px; width:25px;background-color:#000000; vertical-align:top;">1</td>
    <td style="height:25px; width:25px;background-color:#999999; vertical-align:top;">2</td>
    <td style="background-color:blue;">3</td>
    <td style="height:25px; width:25px;background-color:#999999; vertical-align:top;">4</td>
    <td style="height:25px; width:25px;background-color:#000000; vertical-align:top;">5</td>
</tr>
</table>

syvon:

det var lige præcis dét jeg ledte efter. Dog virker det kun i IE og ikke i NS eller Opera, og i mellemtiden fandt jeg på en anden løsning, som mine tidligere erfaringer ellers fortalte mig ikke kunne lade sig gøre (denne løsning kan ses på http://www.greenholt.dk/test/test2.htm ). Godt nok er cellestørrelsen her ikke fast, men resultatet er det jeg ønskede.

Men smid et svar i http://www.eksperten.dk/spm/459668 og du får dine velfortjente point :)