Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

Ruimte verschil FF en IE

8 antwoorden
  • Op mijn website [url=http://www.striphoek.nl]Striphoek.nl[/url] heb ik een afstandsverschil tussen Firefox en IE. Zoals het er in Firefox uitziet is het naar mijn zin, echter in IE vind ik de afstand tussen de afbeeldingen en de tekst daaronder te groot. Ook de ruimte tussen de verschillende nieuwsberichten is groter dan in FF. Verder zit de banner van de stripbeurs (bovenaan de voorpagina) tegen het kader geplakt. In IE hangt ie mooi los. Een <br> er tussen zetten lost het probleem in IE wel op, maar dan ziet het er in FF weer niet uit. Ik heb vanmiddag van alles geprobeerd en ook veel met margin gespeeld, maar helaas zonder succes. Hoe kan ik het IE (bijna) gelijk krijgen als in FF? [url=http://www.striphoek.nl/style.css]stylesheet[/url] P.S. De website is opgebouwd met tabellen. Ik weet inmiddels dat dit 'not done' is. :wink:
  • Ik heb wel eens gemerkt, dat IE en FF verschillende defaultwaarden hebben voor Margin, Border en Padding. Geef ze in je Stylesheet voor de zekerheid altijd op als 0px als je ze geen waarde wilt geven. Vergeet "px" niet! Wat is overigens de zin van <blockquote> ?
  • Bedankt voor de tip, maar ik kom er helaas niet uit. In de stylesheet heb ik op diverse plekken 0px of alleen px toegevoegd maar helaas zonder resultaat. :( De <blockquote> is om de tekst/inhoud in te laten springen. Anders zit die links tegen het kader aangeplakt.
  • Ik had nog iets over het hoofd gezien! Bedankt voor het op weg helpen, Chris! :D
  • als je idd met CSS werkt dan herken ik het probleem. Het zit hem niet alleen in de standaardinstellingen voor padding, margin etc, maar ook in de manier waarop pixels worden geteld vanaf de linkerbovenhoek van het scherm. Hoe dit precies verschilt tussen IE en FF weet ik niet, ik weet alleen dat een positionering van 600 px vanaf de linkerkant van het scherm in IE net iets anders komt dan in FF. Als je dan gebruik maakt van achtergrondafbeeldingen kan dit een verstoorde site geven. Hier is gelukkig iets op bedacht. Een soort 'hack' in CSS. Als je voor de ID of CLASS de tekst *html typt dan wordt dit stuk code alleen door IE gepakt. Als je dan dus andere positionering per browser wilt geef je eerst de positionering voor FF en IE op (op de gewone manier) en daarna specifiek voor IE wat er nog anders moet. Voorbeeldje: [code:1:650ae884b0] div#main { position:absolute; font-family: "Comic Sans MS"; height:80%; left:50%; margin-left:-306px; top:100px; width:798px; background-color : #FFFED7; padding: 0px 10px 10px 10px; overflow:auto; border-right:1px solid #B80000; border-bottom:1px solid #B80000; border-top:1px solid #B80000; } *html div#main { height:81%; width:817px; } [/code:1:650ae884b0] Succes ermee
  • Het gebruik van hacks (zoals * html) wordt zelfs door de [url=http://blogs.msdn.com/ie/archive/2005/10/12/480242.aspx]makers van Internet Explorer[/url] (IE) afgeraden. Wil je toch IE-specifieke stijlregels, gebruik dan [url=http://www.quirksmode.org/css/condcom.html]conditional comments[/url] om bepaalde IE-versies aan te spreken (in IE7 zijn de meeste CSS-bugs namelijk opgelost; IE7 reageert daarom anders op hacks dan IE6 of lager).
  • ok sorry, dat wist ik niet, beschouw m'n opmerking maar als niet gegeven dan.
  • [quote:bd194bfc35="Chris Kruidenier"]Ik heb wel eens gemerkt, dat IE en FF verschillende defaultwaarden hebben voor Margin, Border en Padding. Geef ze in je Stylesheet voor de zekerheid altijd op als 0px als je ze geen waarde wilt geven. Vergeet "px" niet! Wat is overigens de zin van <blockquote> ?[/quote:bd194bfc35] In het geval van 0 hoef je geen px toe te voegen. 0 koeien, 0 eieren, 0 appels.. Het is allemaal hetzelfde ;)

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.