gelijke hoogte bij divs align
Ik heb de onderstaande code:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
2
3
4
5
6
7
8
9
10
11
12
#left{
width: 70%;
float: left;
position: relative;
display: block;
}
#right{
margin-left: 70%;
position: relative;
display: block;
}
width: 70%;
float: left;
position: relative;
display: block;
}
#right{
margin-left: 70%;
position: relative;
display: block;
}
Als de inhoud van #left langer is gaat deze over de footer heen, omdat rechts kleiner is. Hoe kan ik ervoor zorgen dat de container waarin ze zitten gewoon doorloopt tot het einde, als inhoud #left kleiner als #right is zijn er geen problemen.
Met display: table-cell kan niet door de percentages.
En anders kijken naar flex-box in CSS
Dan ontstaat er nog een probleem dat ze niet even lang zijn, dit kun je fixen door flexbox te gebruiken zoals Rickert al zei.
Meer informatie daarover kun je hier vinden:
https://css-tricks.com/snippets/css/a-guide-to-flexbox/
Width: 30%; float: left;, hoezo dat? Ik wil dat die aan de rechterkant komt met de 30% grootte, en de 70% aan de linkerkant, dan heb ik ook gewoon alleen als de 70% langer is loopt de tekst over de footer heen want de footer begint waar de rechter eindigt.
Overigens heeft min-height geen zin, elke pagina heeft andere content, het is een nieuwswebsite.
Toevoeging op 10/08/2015 17:18:46:
Het probleem is als ik beide float: left; geef, dat ze beide door de footer heen lopen.
Hoe los ik dat op?
Toevoeging op 10/08/2015 17:19:53:
de ander content komt rechts te staan als de rechter float: left; ophoud en de linker nog door gaat.
Toevoeging op 10/08/2015 17:24:07:
OPGELOST: Voeg aan de stijl van de footer: clear: both; toe