1. #1
    Bram's Avatar
    Registered
    01/08/02
    Location
    Gent
    Posts
    9,675
    iTrader
    3 (100%)
    Mentioned
    0 Post(s)
    Reputation
    0/361

    Div breedte bepalen

    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:
    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}
    .nav-item is een li-element uit de hoofdnav, .subnav is de div, .subnavigation is de ul.
    If I had a nickel for every time someone told me that my idea for melting down coins to make a giant robotic parrot was a bad idea, I would have one kicka$$ giant robotic parrot.
    no votes  

  2. #2
    Carrion's Avatar
    Registered
    23/11/08
    Location
    Tessenderlo
    Posts
    22,572
    iTrader
    71 (100%)
    Mentioned
    26 Post(s)
    Reputation
    5/2948
    En als ge gewoon eens width: auto; neemt voor uwe div?
    9lives stopt op 31/01 -> BeyondGaming neemt de fakkel over
    https://www.9lives.be/forum/algemene...12-2020-a.html
    no votes  

  3. #3

    Registered
    21/03/08
    Location
    Harelbeke
    Posts
    6
    iTrader
    0
    Mentioned
    0 Post(s)
    Quote Originally Posted by Carrion View Post
    This quote is hidden because you are ignoring this member. Show
    En als ge gewoon eens width: auto; neemt voor uwe div?
    Zal afhangen van zijn structuur.

    div.subnav neemt de breedte over van li.nav-item, die waarschijnlijk te klein is, waardoor je dus een vaste breedte moet instellen om de 2 ul's naast elkaar te krijgen.
    no votes  

  4. #4
    Bram's Avatar
    Registered
    01/08/02
    Location
    Gent
    Posts
    9,675
    iTrader
    3 (100%)
    Mentioned
    0 Post(s)
    Reputation
    0/361
    Quote Originally Posted by Exayle View Post
    This quote is hidden because you are ignoring this member. Show
    Zal afhangen van zijn structuur.

    div.subnav neemt de breedte over van li.nav-item, die waarschijnlijk te klein is, waardoor je dus een vaste breedte moet instellen om de 2 ul's naast elkaar te krijgen.
    Jup, dat is dus inderdaad het probleem. Nuja, baas heeft beslist dat de ul's toch onder elkaar moeten, dus het probleem heeft zichzelf wat opgelost
    If I had a nickel for every time someone told me that my idea for melting down coins to make a giant robotic parrot was a bad idea, I would have one kicka$$ giant robotic parrot.
    no votes  

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Log in

Log in