Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

[CSS] Mozilla vs IE

7 antwoorden
  • Ik ben inmiddels al 2 uur aan het klooien om (naar mijn idee) iets heel simpels voor elkaar te krijgen maar ben bang dat ik inmiddels aan wat hulp toe ben... :( Ik wil gewoon 3 boxen gecentreerd naast elkaar over de gehele lengte op een pagina plaatsen maar op de een of andere manier vind mozilla dit niet zijn. [code:1:7be99eab51] style.css body { background-color: #ccc; margin: 0px; padding: 0px; text-align: center; } #mainscreen { background: blue; width: 800px; height: 100%; margin-left: auto; margin-right: auto; } .left { background: red; width: 60px; height: 100%; } .center { background: yellow; width: 680px; height: 100%; } .right { background: green; width: 60px; height: 100%; } [/code:1:7be99eab51][code:1:7be99eab51] <div id="mainscreen"> <span class="left"></span> <span class="center"></span> <span class="right"></span> </div>[/code:1:7be99eab51] in IE ziet het er NU oke uit maar zodra er iets aan tekst ingevoerd wordt is het weer bagger, over mozilla nog maar niet te spreken. is er iemand die me een betere opzet kan geven en vertellen waarom het <span> gebeuren in mozilla zo'n gezeur is ? alvast bedankt
  • Heb je ook iets online staan? Dat is voor ons wat handiger
  • [url=http://www.xanuex.nl]Het voorbeeld[/url]
  • Je gebruikt span maar je wilt, denk ik, een block-level element gebruiken. Dus ik zou div of class ipv span gebruiken. En deze met float:left positioneren. Succes.
  • Ik heb hier expres voor SPAN gekozen en niet voor een DIV (block). Zowel de DIV als de SPAN tag vormen een container. Ze zien beide de "inhoud" van hun tag als 1 object en kunnen daarom gepositioneerd worden in een document. Het verschil tussen beiden is dat de DIV tag een "line-break" veroorzaakt en de SPAN tag niet. Ik wil ze naast elkaar hebben en niet onder elkaar dus vandaar. een class is een attribuut en geen element dus dit kan niet zo gebruikt worden. het float:left principe werkt wel, ik kom alweer een stap dichterbij maar het is nog niet wat het zou moeten wezen :D -edit werkt inmiddels
  • Het belangrijkste verschil tussen span en div is dat span een inline-element is, en div een block-element. Inline-elementen zijn geen boxes en kun je ook niet (direct) positioneren met float of position:absolute/relative. (wat je met container en objecten bedoelt is me niet helemaal duidelijk) Je geeft aan dat je boxen wilt positioneren. Daarom is het gebruik van span niet juist en kun je dus veel beter div's gebruiken die je een id of een class meegeeft. (die id was ik vergeten in mijn vorige post). Maar mooi dat het nu werkt ;-)
  • ik heb mijn stylesheet nog eens herzien en ik had bij de SPAN-tags ook float gebruikt, nu heb ik deze weg gehaald maar dit heeft weldegelijk effect op mijn pagina. Dus in hoeverre is het nou juist dat je float wel of niet bij de SPAN-tag kan gebruiken ? wat betreft het inline-element heb je helemaal gelijk, moet er nog wel even wat meer info over opzoeken of dit dan wel hetgene is wat ik wil gebruiken maar daarover misschien later meer ;)

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.