Archief - CSS: Div's en evenlange randen

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.

jakke18

Legacy Member
Ik heb 2 containerdivs, eentje links en eentje rechts.
De linkse containerdiv is ingedeeld in 3 div's die onder elkaar staan. Ze hebben alledrie een rand. Nu zou ik aan de hand van de inhoud van de rechtse containerdiv de rand van div 3 in de linkse containerdiv even lang willen laten maken.

Kijk maar op volgende link en u zal zien: Klikkie

Gewenst resultaat:
Klikkie

Geen idee hoe het in firefox uitziet maar dat is voor later


Code:
<html>
<head>
    <title>Test 1 2 3</title>
    <style type="text/css">
    #container
    {
        height: 400px;
        width:400px;
    }
    #links
    {
        float: left; 
        background-color: #81816b; 
        text-align: center; 
        height: 400px;
        width:150px;
    }
    #rechts
    {
        float: right; 
        height: 400px; 
        background-color: #abab8e;
        width:250px
    }
    #rand
    {
        border: solid 1px #abab8e;
    }
    #spatie
    {
        margin: 4px;
    }
  
    </style>
</head>
<body>
    <div id="container">
        <div id="links">
            <div id="spatie">
                <div id="rand">
                    <a href='/profiel.asp?id=1'><u>Nickname</u></a>
                </div>
            </div>
            <div id="spatie">
                <div id="rand">
                    Functie
                </div>
            </div>
            <div id="spatie">
                <div id="rand">
                    Avatar
                </div>
            </div>
        </div>
        <div id="rechts">
            Tekst
        </div>
    </div>
</body>
</html>

Fr3aK

Legacy Member
Ik denk niet dat dat mogelijk is als uw rechse div een variabele hoogte heeft...

BTW: Je hebt wat last van Divitis!

Rvl

Legacy Member
voor dat probleem is volgens mij nog niet echt een oplossing als je met dynamische content zit (enkel dom maar daar ben ik niet echt een voorstander van)
edit: nog een tip, een id kan je maar 1 keer gebruiken op een page, een class meerdere malen

jakke18

Legacy Member
nuja divitis :-) met tables lukt het gedeeltelijk maar dan rekt mijn randen zo hard uit.
of is het wel te doen?

jakke18

Legacy Member
Hoe geef ik dan een vaste hoogte aan de eerste twee rijen van de linkse kolom? De tekst is een variabele dus die verschilt altijd
Code:
<table>
	<tr>
		<td>Nickname</td>
		<td rowspan="3">tekst
		</td>
	</tr>
	<tr>
		<td>Functie</td>
	</tr>
	<tr>
		<td>Avatar</td>
	</tr>
</table>

Disa

Legacy Member
Is dit niet zo een 100% height probleem? Als er mensen een oplossing (behalve faux columns) voor dit probleem kennen, zou ik dit ook ten zeerste apprecieren. :)

D

Quilombo

Legacy Member
t equal heights column dinge in t artikel "in search for one true layout" ofoz op positioniseverything.net

Rvl

Legacy Member
faux columns is hier (volgens mij toch) geen oplossing enkel degene die ik hierboven heb vermeld of tables.

Disa

Legacy Member
Rvl zei:
faux columns is hier (volgens mij toch) geen oplossing enkel degene die ik hierboven heb vermeld of tables.

Nee dat bedoelde ik ook niet, ik doelde eerder op het 2 even lange kolommen ding. :)
Sorry als het wat wazig was :p

D

Quilombo

Legacy Member
Rvl zei:
faux columns is hier (volgens mij toch) geen oplossing enkel degene die ik hierboven heb vermeld of tables.


:offtopic: en mijn reply was ook een antwoord op disa
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan