Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

firefox versus ie

7 antwoorden
  • ik heb een site gemaakt in Kompozer. In Firefox ziet ie er goed uit, maar in Explorer verspringt hij helemaal. Kan iemand me zeggen hoe ik dit kan oplossen?? thnx
  • Misschien is het handiger als je je code erbij post.
  • sorry, je hebt gelijk Komt ie: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="nl"> <head> <meta content="text/html;charset=ISO-8859-1" http-equiv="Content-Type"> <title>Verwers Auto's B.V., de Volkswagen Specialist, Index</title> <meta content="verwers, auto, nieuwe, tonge, nieuwe tonge, volkswagen, specialist, vw, goeree overflakkee, werkplaats, showroom, spuiterij, lak, lakschade, schade, autoschade, golf, polo, audi, diesel, benzine, variant, vento, passat, bora, bestel, grijs kenteken" name="keywords"> <meta content="Verwers Auto's B.V. in Nieuwe Tonge is al meer dan 24 jaar Volkswagen specialist. U kunt bij ons terecht voor betrouwbare BOVAG-occasions in elke prijsklasse" name="description"> <meta content="index,follow" name="robots"> <meta content="Venture factory" name="author"> </head> <body style="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255);" alink="black" link="black" vlink="#990099"> <div align="center"> <center> <table style="width: 100%; height: 733px;" border="0" cellpadding="0" cellspacing="0"> <tbody> <tr> <td style="width: 14px; vertical-align: top; text-align: left; height: 209px;" rowspan="1" background="images/balk_links.gif"><img style="border: 0px solid ; width: 14px; height: 39px;" alt="" src="images/hoek_linksboven.gif"></td> <td style="text-align: center; vertical-align: middle; height: 209px; width: 100%;" background="images/balk_boven.gif"><br> <br> <a href="http://www.verwersautos.nl"><img src="images/verwers.jpg" alt="" style="border: 0px solid ; width: 100%;" align="middle"></a></td> <td style="vertical-align: bottom; height: 209px; text-align: center; background-color: transparent; width: 100%;" background="images/balk_boven_grijs.gif"> <img style="width: 548px; height: 212px;" alt="" src="images/bovenin2.jpg"></td> <td style="vertical-align: top; text-align: right; height: 209px; width: 13px;" rowspan="1" background="images/balk_rechts.gif"><img style="border: 0px solid ; width: 15px; height: 41px;" alt="" src="images/hoek_rechtsboven.gif"></td> </tr> <tr> <td style="height: 554px;" rowspan="1" align="left" background="images/balk_links.gif" valign="bottom" width="14"><br> </td> <td style="height: 554px; width: 17px;" colspan="2" background="" bgcolor="#ffffff" valign="top"> <table style="text-align: center; background-color: rgb(255, 227, 8); width: 100%; height: 31px;" border="0" cellpadding="0" cellspacing="0"> <tbody> <tr> <td style="font-family: Gill Sans MT; font-weight: bold; color: black; background-color: rgb(245, 223, 7);"><a href="index.html"><strong><big>Home</big></strong></a></td> <td style="font-family: Gill Sans MT; font-weight: bold; color: black; background-color: rgb(245, 223, 7);"><a href="occasions.html"><strong><big>Occasions</big></strong></a></td> <td style="font-family: Gill Sans MT; font-weight: bold; color: black; background-color: rgb(245, 223, 7);"><a href="showroom.html"><strong><big>Showroom</big></strong></a></td> <td style="font-family: Gill Sans MT; font-weight: bold; color: black; background-color: rgb(245, 223, 7);"><a href="werkplaats.html"><strong><big>Werkplaats</big></strong></a></td> <td style="font-family: Gill Sans MT; font-weight: bold; color: black; background-color: rgb(245, 223, 7);"><a href="meerinfo.html"><strong><big>Meer info</big></strong></a></td> </tr> </tbody> </table> <table style="width: 100%; height: 572px;" border="0" cellpadding="0" cellspacing="0"> <tbody> <tr> <td style="height: 506px;" background="images/backgr_vw.gif" valign="top" width="100%"><font face="Verdana" size="2"><br> <img style="width: 150px; height: 39px;" alt="" src="images/homeBUTTON.jpg"><br> </font> <table style="text-align: left; width: 100%; height: 499px;" cellpadding="2"> <tbody> <tr> <td style="vertical-align: top;"><font face="Verdana" size="2"><br> </font> <p style="text-align: center;"><font face="Verdana" size="2">Hartelijk welkom op de website van <big><span style="font-weight: bold;">Verwers Auto's B.V.</span></big>, dé Volkswagen specialist, al sinds 1983 !! <br> Op deze pagina's presenteren wij u ons bedrijf.<br> U kunt ook gelijk een kijkje nemen bij onze occasions.<br> Daarnaast nodigen we u van harte uit om een kijkje te komen nemen in onze showroom.<br> <br> Voor al uw reparaties, APK keuring, airco-service en spuitwerk van <big><span style="font-weight: bold;">alle merken</span></big> bent u bij ons aan het juiste adres.<br> </font></p> <p style="text-align: center;"><font face="Verdana" size="2">Bekijk alles op uw gemak, mocht u <big style="font-weight: bold;">vragen</big> hebben over de inhoud van deze website dan kunt u contact <br> met ons opnemen via de telefoon, email of via het formulier op de pagina 'Meer Info'.</font></p> <div style="text-align: center;"><font face="Verdana" size="2"><img src="images/voorkantanimatie.gif" alt="" style="width: 301px; height: 188px;"></font><br> </div> <div style="text-align: center;"><font size="+0"><font face="Verdana" size="2"><br> <br> <a href="route.html"><font color="#000000">Klik hier voor de route naar ons bedrijf</font></a></font></font></div> <div style="text-align: center;"><small><small><span style="font-family: Gill Sans MT;"><br> <br> <br> <span style="font-family: Tahoma; font-weight: bold;">Powered by  </span><a style="font-family: Tahoma; font-weight: bold;" href="http://www.venturefactory.nl/" target="_blank">Venture factory</a><span style="font-family: Tahoma; font-weight: bold;">   © 2008</span></span></small></small></div> </td> </tr> </tbody> </table> </td> <td style="vertical-align: top; height: 506px;" background="images/backgr_kleurverloop_ns.gif">  <br> <br> <br> <div style="text-align: center;"><img style="width: 100px; height: 150px;" alt="" src="images/banner_bovag.gif" align="middle"><br> </div> <div style="text-align: center;"><br> <img src="images/nap_small.jpg" border="0" height="48" hspace="10" vspace="10" width="107"><br> </div> <div style="text-align: center;"><br> <img style="width: 107px; height: 61px;" alt="" src="images/ned0202_0076_schild%20107.jpg"></div> <br> <div style="text-align: center;"><br> <img style="width: 107px; height: 97px;" alt="" src="images/Shell%20logo%20nieuw.jpg"></div> </td> </tr> <tr> <td colspan="2" rowspan="1"> <div style="text-align: center; background-color: rgb(245, 223, 7);"><big><span style="font-family: Gill Sans MT;">Klinkerlandsweg 9  -  3244 BD  Nieuwe Tonge  -  Tel. 0187-652235  -  Fax: 0187-651985  -  </span><a style="font-family: Gill Sans MT;" href="mailto:info@verwersautos.nl" target="_blank">info@verwersautos.nl</a></big></div> </td> </tr> </tbody> </table> </td> <td style="text-align: right; width: 13px; vertical-align: top; height: 554px;" rowspan="1" background="images/balk_rechts.gif"><br> </td> </tr> </tbody> </table> </center> </div> </body> </html>
  • Dit komt onder andere door het gebruik van tables, dit is achterhaald. Je kan beter gebruik maken van divs <div> Ik heb hierover een basis tutorial geschreven; http://www.pcwebplus.nl/tweb/centreren.htm Deze is i.c.m een CSS stylesheet
  • bedankt voor je reactie. Ik was hier al een beetje bang voor. Ik wist dat deze code verouderd was, maar heb toch geprobeerd er het beste van te maken. Is het probleem ook eenvoudig te tackelen, zonder dat ik een heel nieuwe website moet bouwen???
  • Ik zou dit zelf niet doen, en de tables door divs vervangen, en gelijk je stylsheet extern maken en niet intern. Verder zou ik ook een contactformulier maken i.p.v. het e-mail zo weergeven, dit om spam te voorkomen.
  • Het zal best makkelijker op te lossen zijn maar op deze manier is je code niet echt te lezen, sowieso is het zonder highlighting irritant lezen maar zoals je het hier doet met breaks in je elementen is het helemaal niet te doen. Als je de tabs wilt bewaren kan je je code pasten tussen [ code][/ code] met bbcode, dat maakt het nog een beetje leesbaar. Maar ja, met deze hoeveelheid geneste tables, overbodige elementen en inline css is er echt geen beginnen aan. Dit is een ramp om te "debuggen". Dit bijvoorbeeld:[code:1:aded24ce5e]<p style="text-align: center;"><font face="Verdana" size="2">Hartelijk welkom op de website van <big><span style="font-weight: bold;">Verwers Auto's B.V.</span></big>[/code:1:aded24ce5e]Slaat echt alles. Nog een mooi voorbeeld:[code:1:aded24ce5e]<font face="Verdana" size="2"><br><img style="width: 150px; height: 39px;" alt="" src="images/homeBUTTON.jpg"><br></font>[/code:1:aded24ce5e]Waarom heeft een plaatje een font nodig? Je gebruikt ook niet een juiste [url=http://netters.nl/webstandaarden-doctypes]doctype[/url]. Als je dit met correcte gebruik van html en een extern style sheet doet kan de hoeveelheid code minstens door tweeën delen.

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.