[CSS] Rechter div gelijk aan content hoogte
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)
1
2
3
4
5
6
7
8
9
10
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;
}
{
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
Gewijzigd op 01/01/1970 01:00:00 door JunkieXP
als je hem gelijk wilt aan iets anders met bv zijdes kan je ook dit doen
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
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;
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
@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
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
daar heb ik nogal problemen mee in mn site.. :(
Code (php)
1
2
3
4
5
6
7
8
9
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;
}
{
margin: 0 auto;
padding: 0px;
width: 713px;
background: url(images/bg.gif) repeat-y;
overflow: hidden;
position: relative;
}
Gewijzigd op 01/01/1970 01:00:00 door Leo