Twee divs naast elkaar waarvan 1 statisch en de ander dynamische width

Door Danny von Gaal op 22-09-2015 12:15

1.029 views

Ik heb twee div's naast elkaar waarvan de linker een statische width heeft en de rechter geen. Beide hebben ze een float: left; en dus horen ze naast elkaar te komen staan.

Maar bekijk mijn fiddle maar eens en de rechter div komt onder de ander te staan. Ik heb wel in de rechter div kolommen gemaakt die horen mee bewegen wanneer een scherm groter/kleiner wordt.

http://jsfiddle.net/kt8qLn93/

Iemand ideeën?

Jan de Laet

22-09-2015 12:26

Je css bij article binnen overzicht verstiert de boel volgens mij (columns 5 200px).

Thomas van den Heuvel

22-09-2015 13:18 gewijzigd op 22-09-2015 13:23

En als je nu het volgende doet:
- Maak een div met position: relative met hierin:
- de div met content, met padding-left gelijk aan het menu
- een absoluut gepositioneerd menu (tov de relative div)

De content div zou dan nog steeds alle beschikbare breedte moeten innemen?

Danny von Gaal

22-09-2015 15:59 gewijzigd op 22-09-2015 16:01

Thanks Thomas, nu lijkt het er wel al meer op alleen mijn eerste kolom verdwijnt nu achter me menu.

Edit: Dat bedoel je natuurlijk met die padding-left. ;-)
Thanks! Het werkt nu.

Reageren

Inloggen om te reageren