[CSS] Rechter div gelijk aan content hoogte

Door Leo op 16-10-2006 11:12

1.927 views

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

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[/edit]

JunkieXP

16-10-2006 11:52

Zet om het geheel een div heen. En geef deze in je CSS de waarde overflow:hidden; mee :)

iltar van der berg

16-10-2006 11:54

wat is de rechter div dan?

als je hem gelijk wilt aan iets anders met bv zijdes kan je ook dit doen


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

16-10-2006 11:59

@ 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-

JunkieXP

16-10-2006 12:00

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.

Leo

16-10-2006 12:06

Jammer, werkt ook niet..

iltar van der berg

16-10-2006 12:10

oh een div in een div?
daar heb ik nogal problemen mee in mn site.. :(

Leo

16-10-2006 12:14

Ik heb even de achtergrond in firefox gefixed.. alleen dit lost het andere probleem niet op

div.container
{
	margin: 0 auto;
	padding: 0px;
	width: 713px;
	background: url(images/bg.gif) repeat-y;
	overflow: hidden;
	position: relative;
}

Robert Deiman

16-10-2006 12:18

height 100% werkt ook niet?

Leo

16-10-2006 12:21

Edit: een achtergrondplaatje deed zijn werk nadat ik de rechter div uit de content div had gehaalt :)

Reageren

Inloggen om te reageren