Hjælp til hjemmeside

for at et elements højde kan angives i procent skal parent-elementet have defineret en højde - du skal altså give html,body{height:100%;} og det samme gælder den form som indeholder din tabel

hej mm12010 og tak for din kommentar!

min html,body var sat til height men ikke min form, det har jeg prøvet nu og det virkede :-)

Men hvad gør jeg for at få løst problemet omkring "områderne"?

løsningen skal findes alle de nestede tabeller der næsten alle sammen har 100% i højden -  prøv at ryde lidt op i det, derefter kan du angive de rigtige højder

Må de ikke have height: 100%?

hvis du fx har 3 td-er der alle er 100% af højden på den respektive tabel, så mangler du jo 200% ...

Så er der vist noget jeg ikke helt forstår, lad os taqge udgangspunkt i følgende eksempel:

<table style="width:175px;height: 100%" cellpadding="0" cellspacing="0">
    <tr>
        <td><img src="images/logo.gif" style="width: 163px;height: 60px" alt=""/></td>
    </tr>
    <tr>
        <td class="hoejre_ramme" style="padding-top: 30px;padding-bottom:10px"></td>
    </tr>

    <tr>
        <td>
            <img src="images/menu.gif" alt="" width="170" height="180" border="0" />                                                           
        </td>
    </tr>
    <tr>
        <td class="graa_felt">Lorem ipsum do</td>
    </tr>
    <tr>
        <td class="hoejre_ramme"><img src="images/raster_menu.gif" style="width:175px;height:79px" alt=""/></td>
    </tr>
    <tr>
        <td class="hojre_border" style="height:100%">&nbsp;</td>
    </tr>
</table>

Det her er venstre siden af hjemmeside, den skal fylde hele højde ud, og derfor har jeg lavet en kolonne til sidst med height: 100%. Men  er det du mener giver problemer? Hvis ja hvordan skiver jeg så min venstre side?

du angiver absolute højder på alle de celler der skal have fast højde, og så lader være med at angive højde på den/de celler der skal udfylde resten af den relative højde

Jeg har nu prøvet at gøre følgende unden resultat:
                                                <table style="width:175px;height: 100%" cellpadding="0" cellspacing="0">
                                                    <tr>
                                                        <td style="height: 60px"><img src="images/logo.gif" style="width: 163px;height: 60px" alt=""/></td>
                                                    </tr>
                                                    <tr>
                                                        <td class="hoejre_ramme" style="height: 50px;padding-top: 30px;padding-bottom:10px">&nbsp;</td>
                                                    </tr>

                                                    <tr>
                                                        <td style="height: 180px"><img src="images/menu.gif" alt="" width="170" height="180" border="0" /></td>
                                                    </tr>
                                                    <tr>
                                                        <td class="graa_felt" style="height: 60px">Lorem ipsum do</td>
                                                    </tr>
                                                    <tr>
                                                        <td class="hoejre_ramme" style="height: 79px"><img src="images/raster_menu.gif" style="width:175px;height:79px" alt=""/></td>
                                                    </tr>
                                                    <tr>
                                                        <td class="hojre_border">&nbsp;</td>
                                                    </tr>
                                                </table>

Er der mere hjælp her?

Jeg kunne ikke lige få det til at virke i IE - kun i Moz - og det kan selvfølgelig ikke passe, så jeg skal nok give det et ordentligt forsøg ved lejlighed, men det bliver ikke lige nu....

super :-)

mm12010, nu må du ikke glemme mig :-)

det kunne aldrig falde mig ind ;-)

Nu har jeg ledt vidt og bredt efter en løsning/forklaring på hvorfor det ikke virker i IE, men desværre uden at være nået til nogen endegyldig konklusion... men jeg faldt over dette spg i min søgen, som måske kan hjælpe dig i denne situation: http://www.eksperten.dk/spm/381472

Hvis du finder den korrekte forkromede løsning på problemmet, hører jeg det meget gerne, og jeg vil selvfølgelig sørge for at du ligeledes får besked hvis jeg skulle falde over den.

Jeg har ikke fået løst problemet endnu, men jeg må hellere lukke den her.

mm12010 mange tak for din deltagelse, smid et svar så får du nogle point. Er det ok vi dele ligeover?

det er helt fint :-)

Super :-)