anoniem Geplaatst: 21 december 2004 Delen Geplaatst: 21 december 2004 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 Quote Link naar reactie
anoniem Geplaatst: 22 december 2004 Auteur Delen Geplaatst: 22 december 2004 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.[ Quote Link naar reactie
anoniem Geplaatst: 22 december 2004 Auteur Delen Geplaatst: 22 december 2004 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? Quote Link naar reactie
anoniem Geplaatst: 22 december 2004 Auteur Delen Geplaatst: 22 december 2004 Misschien heb je[url=http://www.positioniseverything.net/explorer/floatmodel.html] hier [/url] iets aan? Succes. Quote Link naar reactie
anoniem Geplaatst: 22 december 2004 Auteur Delen Geplaatst: 22 december 2004 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 Link naar reactie
anoniem Geplaatst: 22 december 2004 Auteur Delen Geplaatst: 22 december 2004 [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. Quote Link naar reactie
anoniem Geplaatst: 24 december 2004 Auteur Delen Geplaatst: 24 december 2004 Het wil niet echt lukken, of echt niet kan ik beter zeggen. Iemand nog ideeen? Quote Link naar reactie
anoniem Geplaatst: 24 december 2004 Auteur Delen Geplaatst: 24 december 2004 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! :) Quote Link naar reactie
anoniem Geplaatst: 24 december 2004 Auteur Delen Geplaatst: 24 december 2004 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] Quote Link naar reactie
anoniem Geplaatst: 24 december 2004 Auteur Delen Geplaatst: 24 december 2004 [quote:27bc26d09f="lorem ipsum"]Ik zou het zo doen:[code:1:27bc26d09f] code... [/code:1:27bc26d09f][/quote:27bc26d09f] Dat lijkt inderdaad te werken, bedankt! Quote Link naar reactie
Aanbevolen berichten
Om een reactie te plaatsen, moet je eerst inloggen