Firefox VS Explore / Randen
Ik ben druk bezig met een site te bouwen.
Toen ik de layout eindelijk klaar had.. en een vriend van me ernaar liet kijken ging het helemaal mis.
In IE zag ik alles prima.. en waren er geen randen te zien.
Bij die vriend van mij was alles overhoop gegooit in Firefox.
Ik meteen deze browser gedownload en zelf gekeken.
Inderdaad zat alles door elkaar.. en heb ik een hoop aanpassingen moetn maken om het op beide browsers een beetje ogend te maken.
Nu heb ik echter het probleem dat het in Firefox wel goed uitziet.. en in IE een lelijke rand zichtbaar is.
Zouden jullie misschien even willen kijken waar dit aan ligt ? want ik kom er niet meer uit...
vspace/margins etc etc heb ik allemaal geprobeert.. maar niets helpt..
Alvast bedankt,
Floris.
Hoe moeten we ergens naar kijken als je geen link hebt?
iframe border="0"
en een externe stylesheet
Ik denk dat dat niet zoveel helpt als je nog niet zo veel verstand heb van css. Dat moet je leren...
2 simpel border="0" werkt dus niet.
Wat ik gewoon niet snap.. is dat firefox de border niet toont... en IE wel...
DIV'S zal ik eens induiken..
Greetzz,
Floris.
(mijn homesite zegt dat het valid html4 is, dus...)
Greetzz,
Floris.
style="border: 0px;"
en als dat niet werkt, dan isset geen border maar dan is het margin denk ik.. gewoon ruimte dus wat komt omdat je afmetingen niet allemaal kloppen..
als dat niet van alle het geval is, probeer dan eens een css 'frame'.. <div style="overflow: auto; width: zoveelpx; height: zoveelpx;"> .. weet het niet precies meer zo uit mijn hoofd maar is iets met overflow, zie: www.w3schools.com
Gewijzigd op 19/02/2005 11:32:00 door B a s
Dit werkt dus helaas ook niet in MSIE..
Ik snap ook niet waarom MSIE het niet pakt.. en Firefox wel...
Blijft raar..
Greetzz,
Floris.
<IFRAME src="./pages/introduction.php" NAME="screen"></IFRAME>
En dan in je css:
iframe {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
border: 0px;
}
Ik zal voor de duidelijkheid nog even een stukje van mijn CSS neerzetten :
iframe {
marginheight:0;
marginwidth:0;
topmargin:0;
leftmargin:0;
rightmagin:0;
hspace:0;
vspace:0;
margin:0 auto;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
cellpadding:0;
cellspacing:0;
frameborder:0;
border:0;
border-spacing:0;
border: inset 0;
border: outset 0;
}
Ik dacht dus dat ik met deze code wel alle gaten gedicht zou hebben... maar helaas dus niet..
Is er misschien iets in conflict met elkaar ?
Greetzz,
Floris.
<IFRAME src="./pages/introduction.php" NAME="screen"></IFRAME>
invul... dan zie ik dus geen rand om mijn iframe.. en is het frame vele malen kleiner als normaal..
Het probleem zit hem dus waarscheinlijk niet in mijn iframe.. maar ergens in de table ofzo...
Greetzz,
Floris.
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
border: 0px;
}
dat is zo slecht als maar kan :)
iframe {
margin: 0;
padding: 0;
border: 0;
}
is beter..
alleen margin en padding en border zijn default 0 ..
Ik heb nu mijn achtergrondkleur verandert.. en zie dat er dan overal een kleine spacing tussen zit.
In Firefox is alles goed te zien ZONDER enige spacing.
Wel raar.. omdat Firefox als ik het goed begrepen heb juist strenger naar de code kijkt dan MSIE.
Het heeft dus denk ik te maken met de BODY instellingen..
Hier dus even de CSS van mijn body :
-------------------------------------------------------
body {
background-color: #e6e6e6;
font-family: Arial, Verdana, sans-serif;
font-size: 16px;
color: #660000;
marginheight: 0px;
marginwidth: 0px;
topmargin: 0px;
leftmargin: 0px;
rightmagin: 0px;
hspace: 0px;
vspace: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
cellpadding: 0px;
cellspacing: 0px;
border:0px;
border-spacing: 0px;
border: inset 0px;
border: outset 0px;
}
---------------------------------------------------------
Zie hier het resultaat : http://www.exanthematicus.com/home.php?lang=ned
Greetzz,
Floris.
probeer eens dit: zet in je tabellen spacing="0"
'k snap er niets van..... en wordt er een beetje moedeloos van...
Alles werkte echt perfect.. totdat ik alles aan Firefox moest aanpassen..
Nu werkt het in Firefox goed.. en krijg het in MSIE niet voor elkaar..
Greetzz,
Floris.
******* GELUKT !!!!!!!!!!!!!!!!!!!!!!!!!!!! *******
**************************************
Ik ben er eindelijk uit... !
En het volgende was het geval..
Ik dacht dat cellspacing kon worden opgenomen in de CSS.. of in style..
Maargoed.. door het in de table echt daadwerkelijk op te nemen door CELLSPACING=\"0\" kwam het dan uiteindelijk goed..
Een CSS bestand kan handig werken.. maar is voor mij af en toe nog een beetje dubbelzinnig..
Maargoed.. in ieder geval bedankt voor jullie hulp en inzet !
Groeten,
Floris.
was het cellspacing? Ik dacht dat dat spacing heette ;). Naja, dat is gewoon microsoft html style en dus niet officiele
En dan blijkt dan een hoop gebruikte dingen niet officieel zijn.. en dus ook niet goed ondersteunt worden..
Daarom had ik het dus eerst in MSIE allemaal wel goed.. maar gooide Firefox alles door elkaar..
Omdat Firefox ook een sterk opkomende browser is wilde ik het daarin ook goed laten werken..
Greetzz,
Floris.