Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

(CSS) aanpassen resolutie brengt verschil

4 antwoorden
  • Ik heb een balk gemaakt, bestaande uit 2 floatende divs, zodat ze op 1 lijn komen te staan. In de ene staat tekst, links uitgelijn, in de andere tekst rechts uitgelijnd. Ik heb het verdeeld als 84% en 16%. Ik nam aan dat het voor eender welke resolutie hetzelfde zou zijn, maar nee, ik mis rechts een stuk tekst als ik de resolutie groffer maak. Ik dacht dat dat juist een voordeel van CSS was, dat alles op z'n plaats bleef. Of doe ik iets verkeerd ? html: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="nl"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <link href="css.css" rel="stylesheet" type="text/css"> </head> <body> <div id="box4">   (c) Utrecht tbv RIGD</div> <div id="box5"> (c) Ontwerp en bouw: R. Totaal</div> </body> </html>[code:1:d09ab91405] css: body { margin: 0px; padding: 0px; background-image: url(puzzel.jpg); font-family: verdana, arial, helvetica, sans-serif; font-size: 62.5%; /* = 10px */ height: 100%; } div#box4{ float: left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background-color: #9B0000; width: 84%; height: 15px; color: white; } div#box5{ float: right; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background-color: #9B0000; width: 16%; height: 15px; color: white; }[/code:1:d09ab91405]
  • Waarom zo moeilijk. :P Maak gewoon 1 div met 2 dingen erin: [code:1:3b61897194]<div> <SPAN style="float:right;">ALLES WAT RECHTS MOET</span> <div>ALLES WAT LINKS MOET</div> </div>[/code:1:3b61897194] Een beetje stylen en klaar... :P
  • Het werkt, dankjewel. :wink:
  • Dat het werkt betekent nog niet dat het een goeie tip is... Een span floaten is onzin, want float werkt alleen bij elementen met een breedte. Een span heeft geen breedte, want is een inline element (zoals andere elementen die je alleen in een zin gebruikt, bijv. strong). Dan zou je er display:block op moeten zetten, maar dan had je net zo goed een div kunnen gebruiken. Ik zou beide box-divs naar links floaten.

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.