Bram
Legacy Member
Hullo
Ik heb een absoluut gepositioneerde div (onderdeel van een subnav) met daarin twee uls die naast mekaar moeten komen (twee kolommen dus), dit doe ik momenteel gewoon met een float: left.
Het probleem dat ik momenteel ondervind: ik moet die div een breedte geven die groter is dan de breedte van de twee ul's naast elkaar, anders wordt mijn div maar 1 ul breed en staan ze dus onder elkaar.
Ik vroeg me af of ik dit automatisch kon laten doen, zodat de div automatisch de juiste breedte aanneemt voor de twee ul's naast elkaar te zetten.
De css zoals ze is atm:
.nav-item is een li-element uit de hoofdnav, .subnav is de div, .subnavigation is de ul.
Ik heb een absoluut gepositioneerde div (onderdeel van een subnav) met daarin twee uls die naast mekaar moeten komen (twee kolommen dus), dit doe ik momenteel gewoon met een float: left.
Het probleem dat ik momenteel ondervind: ik moet die div een breedte geven die groter is dan de breedte van de twee ul's naast elkaar, anders wordt mijn div maar 1 ul breed en staan ze dus onder elkaar.
Ik vroeg me af of ik dit automatisch kon laten doen, zodat de div automatisch de juiste breedte aanneemt voor de twee ul's naast elkaar te zetten.
De css zoals ze is atm:
Code:
.nav-item { display: inline; float:left; margin: 0 0 0 1em; background: none; padding: 0; position: relative}
.subnav { position: absolute; top:100%; z-index: 1; background: #f3f3f3; width: 500px; padding: 0.5em; border: 3px solid #333}
.subnavigation { float: left; background: none; padding: 0; margin-right: 2em}