[CSS] Rechter div gelijk aan content hoogte

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

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

03/03/2024 03:47:42
 
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.