Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

probleem met float in IE

9 antwoorden
  • ik heb een div die ik over een andere div heen wil plaatsen, dit heb ik dmv float: right; gedaan. Het voorbeeld vind je hier: [url=http://members.home.nl/d.dewilde/dmky/index.html]link[/url] In firefox wordt dit weergeven zoals ik wil, maar IE levert weer eens problemen op. Ik heb al enkele hacks en workarounds geprobeerd, maar het wil niet echt lukken. Is float wel de juiste manier om te doen wat ik wil? Iemand een idee? Alvast bedankt, dumky
  • Het probleem zit 'm in het niet goed "nesten" van je div'jes [code:1:199caf8c51]<div class="container"> <div class="menu"> <a href="#" class="menu">hoofdpagina</a><br /> <a href="#" class="menu">muziek</a><br /> <a href="#" class="menu">contact</a><br /> </div>[/code:1:199caf8c51] Hier mist volgens mij een[code:1:199caf8c51]</div>[/code:1:199caf8c51] Als ik het zo snel bekijk staan alle elementen gewoon los, dus ongenest.[
  • de pagina is gewoon valid xhtml 1.0, die div's worden onderaan gewoon netjes afgesloten. Dus dat is het probleem niet. iig bedankt. Iemand anders een idee?
  • Misschien heb je[url=http://www.positioniseverything.net/explorer/floatmodel.html] hier [/url] iets aan? Succes.
  • Je hebt gelijk, ik heb iets te snel geconcludeerd. Maar het is inderdaad een IE fout. [url=http://www.positioniseverything.net/explorer/escape-floats.html]DEZE[/url] hack al geprobeerd?
  • [quote:9b2c738abd=".:ToBee:."]Je hebt gelijk, ik heb iets te snel geconcludeerd. Maar het is inderdaad een IE fout. [url=http://www.positioniseverything.net/explorer/escape-floats.html]DEZE[/url] hack al geprobeerd?[/quote:9b2c738abd] Ja die had ik al geprobeerd, maar die werkte niet. [quote:9b2c738abd="lorem ipsum"]Misschien heb je[url=http://www.positioniseverything.net/explorer/floatmodel.html] hier [/url] iets aan? Succes.[/quote:9b2c738abd] Dit had ik nog niet gezien, ik zal morgen ff kijken of ik er iets mee kan, het zou dan moeten werken als ik geen breedte definieer volgens die site.
  • Het wil niet echt lukken, of echt niet kan ik beter zeggen. Iemand nog ideeen?
  • Zelf ben ik al aan het kijken geweest maar ik kom er ook niet uit. Stuur anders even een PB aan :Ben: en vraag of hij er even naar wil kijken. Ik denk dat :Ben: het wel weet! :)
  • Ik zou het zo doen:[code:1:7b41c40d30] <head> <title>test</title> <link rel="Stylesheet" href="style.css" /> </head> <body> <div id="container"> <div id= "menu">menu </div> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc quis odio eget dui iaculis eleifend. Nunc sed nisl. Nunc dignissim. Vivamus non eros vitae libero semper rhoncus. Quisque nisl elit, viverra nec, fermentum eu, mollis id, odio. Etiam enim urna, posuere ut, elementum eget, mattis in, felis. etc... </p> </div> </body> </html>[/code:1:7b41c40d30]en CSS:[code:1:7b41c40d30]body { margin:0;padding:0; } #container{ margin:30px auto; width:650px; border: 1px solid White; } #menu{ float:right; width: 150px; height: 100px; border: 1px solid black; background-color:blue; } p{ margin:40px 20px 10px 10px; padding:10px; border: 1px solid black; background-color:yellow; } [/code:1:7b41c40d30]

Beantwoord deze vraag

Weet jij het antwoord op deze vraag? Registreer of meld je aan met je account

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.