Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

firefox versus ie

Gooly
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">&nbsp;<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
    &nbsp;</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;"> &nbsp;
    © 2008</span></span></small></small></div>
    </td>
    </tr>
    </tbody>
    </table>
    </td>
    <td style="vertical-align: top; height: 506px;"
    background="images/backgr_kleurverloop_ns.gif">
    &nbsp;<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 &nbsp;- &nbsp;3244 BD &nbsp;Nieuwe Tonge &nbsp;-
    &nbsp;Tel.
    0187-652235 &nbsp;- &nbsp;Fax: 0187-651985 &nbsp;-
    &nbsp;</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 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 doctype.

    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

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.