[CSS] Rechter div gelijk aan content hoogte

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Support Specialist met doorgroeimogelijkheden

Support Specialist met doorgroeimogelijkheden Amersfoort, Nederland __________________________________________________________________________ Functieomschrijving Je kerntaken bestaan uit het reageren op vragen van onze klanten op een tijdige en nauwkeurige manier via ons online supportsysteem, e-mail of telefoon. Klantenbehoeften identificeren en klanten helpen bij het gebruik van specifieke functies. Foutmeldingen analyseren en melden. In deze afwisselende functie heb je dagelijks contact met leveranciers, automatiseerders en retailers in de (non)food-, fashion- en doe-het-zelfbranche. Er zijn absoluut doorgroeimogelijkheden zodra je kennis van onze applicaties op het niveau is dat deze geen geheimen meer voor je hebben. Je staat sterk in je schoenen, onderscheidt hoofdzaken van bijzaken en weet

Bekijk vacature »

Leo

Leo

16/10/2006 11:12:00
Quote Anchor link
Hoi allemaal,

Ik ben sinds enkele dagen bezig met iets nieuws van me, het ontwerpen etc verliep voorspoedig maar toch loop ik met het programeren tegen wat fouten op..

Ik wil de rechter div even lang hebben als de content, ik heb al veel geprobeert met de heights & margins maar dit wilde niet baten.

Links
@ stylesheet: http://www.worldofzelda.com/test/style.css
@ site tot nutoe: http://www.worldofzelda.com/test/
@ het ontwerp: http://www.worldofzelda.com/ontwerp_UT.jpg

En voor de mensen die niet weten om welke class het gaat
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
div.rechts
{
    width: 228px;
    margin: 0px;
    padding: 10px;
    border-top: 1px solid #dcdde0;
    border-left: 1px solid #dcdde0;
    background: #FFF;
    float: right;
}


Commentaar & Tips mogen gegeven worden, zolang het maar niet uitloopt op een site-review ;)

Gr leo!

Edit:
Even de titel wat duidelijker gemaakt
Gewijzigd op 01/01/1970 01:00:00 door Leo
 
PHP hulp

PHP hulp

21/10/2020 15:12:25
 
JunkieXP

JunkieXP

16/10/2006 11:52:00
Quote Anchor link
Zet om het geheel een div heen. En geef deze in je CSS de waarde overflow:hidden; mee :)
Gewijzigd op 01/01/1970 01:00:00 door JunkieXP
 
Iltar van der berg

iltar van der berg

16/10/2006 11:54:00
Quote Anchor link
wat is de rechter div dan?

als je hem gelijk wilt aan iets anders met bv zijdes kan je ook dit doen
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
div.rechts
{
    position:absolute;
    right:15%;
    left:10%;
    width: 228px;
    margin: 0px;
    padding: 10px;
    border-top: 1px solid #dcdde0;
    border-left: 1px solid #dcdde0;
    background: #FFF;
    float: right;
}


position absolute betekend dat het voor zichzelf is, en nergens van afhangt
--------------------------------
kan ook met top en bottom.
right:15%;
left:10%;
--------------------------------

als je left en right hetzelfde aantal % geeft, en een width meegeeft aan de div in de css, dan komt hij in het midde van de pagina
 
Leo

Leo

16/10/2006 11:59:00
Quote Anchor link
@ JunkieXP: Heb het geprobeerd en werkt niet

@iltar van der berg: Bedoelde ik niet.. ik heb al veel met positon geprobeerd alleen werkt ook niet..
En ik wil hem niet in het midden hebben, maar dat witte vlak moet tot de footer lopen.. nu is die maar even hoog als de inhoud in de div..

Edit:
mijn opbouw is eigenlijk zo:

-content-
-rechts-
alles van rechts
-/rechts-
alles van de content
-/content-
Gewijzigd op 01/01/1970 01:00:00 door Leo
 
JunkieXP

JunkieXP

16/10/2006 12:00:00
Quote Anchor link
Zet overflow:hidden; maar in je div.container, dit zal als het goed is moeten werken

Had je wel overflow hidden gebruikt, ik had eerst none staan maar bedacht me dat die niet klopte.
Gewijzigd op 01/01/1970 01:00:00 door JunkieXP
 
Leo

Leo

16/10/2006 12:06:00
Quote Anchor link
Jammer, werkt ook niet..
 
Iltar van der berg

iltar van der berg

16/10/2006 12:10:00
Quote Anchor link
oh een div in een div?
daar heb ik nogal problemen mee in mn site.. :(
 
Leo

Leo

16/10/2006 12:14:00
Quote Anchor link
Ik heb even de achtergrond in firefox gefixed.. alleen dit lost het andere probleem niet op

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
div.container
{
    margin: 0 auto;
    padding: 0px;
    width: 713px;
    background: url(images/bg.gif) repeat-y;
    overflow: hidden;
    position: relative;
}
 
Robert Deiman

Robert Deiman

16/10/2006 12:18:00
Quote Anchor link
height 100% werkt ook niet?
 
Leo

Leo

16/10/2006 12:21:00
Quote Anchor link
Edit: een achtergrondplaatje deed zijn werk nadat ik de rechter div uit de content div had gehaalt :)
Gewijzigd op 01/01/1970 01:00:00 door Leo
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.