Check alle échte Black Friday-deals Ook zo moe van nepaanbiedingen? Wij laten alleen échte deals zien
Toon posts:

[WEB] Mozilla toont tabel niet

Pagina: 1
Acties:

Verwijderd

Topicstarter
Hey,

Ik heb een probleem met mijn website...

Ik ben bezig met een babysite (wat jullie al in mijn vorige post merkten) maar ik heb problemen met een tabel (pagina met een stamboom) die in internet explorer wel toonbaar is maar in mozilla firefox 2.0 opent hij gewoon een lege pagina...

Iemand enig idee aan wat dat kan liggen? ook was er problemen met png fix voor ie6 maar ik denk dat dit onderhand wel is opgelost, maar als er mensen zijn met ie6 die merkten dat het nog niet in orde is, mogen mij gerust hierop wijzen...

http://www.gothdamnit.nl/test/K/test/

code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style2.css" rel="stylesheet" type="text/css" />
<title>Untitled Document</title>
<!--[if lt IE 7.]>
<script defer type="text/javascript" src="scripts/pngfix.js"></script>
<![endif]-->
</head>

<body>
<br>
 <table border="0" cellpadding="0" cellspacing="0" width="100%">
    <tr align="center" valign="bottom">
                <td width="25%"><img src="images\paps.jpg"></td>
                <td width="25%"><img src="images\mams.jpg"></td>
                <td width="25%"><img src="images\no-img.gif"></td>
                <td width="25%"><img src="images\no-img.gif"></td>
            </tr>
    <tr>
        <td colspan="2">    <table border="0" cellpadding="0" cellspacing="0" width="100%" >
        <tr>
            <td width="25%">&nbsp;</td>
            <td width="5"><img src="images\uline.png" width="5" height="30" alt="" border="0"></td> 
            <td ><img src="images\mline.png" width="100%" height="30" alt="" border="0"></td>
                                    <td width="5"><img src="images\dline.png" width="5" height="30" alt="" border="0"></td>
                                    <td ><img src="images\mline.png" width="100%" height="30" alt="" border="0"></td>
            <td width="5"><img src="images\uline.png" width="5" height="30" alt="" border="0"></td>
            <td width="25%">&nbsp;</td>
        </tr>
    </table></td>
        <td colspan="2">    <table border="0" cellpadding="0" cellspacing="0" width="100%" >
        <tr>
            <td width="25%">&nbsp;</td>
            <td width="5"><img src="images\uline.png" width="5" height="30" alt="" border="0"></td> 
            <td ><img src="images\mline.png" width="100%" height="30" alt="" border="0"></td>
                                    <td width="5"><img src="images\dline.png" width="5" height="30" alt="" border="0"></td>
                                    <td ><img src="images\mline.png" width="100%" height="30" alt="" border="0"></td>
            <td width="5"><img src="images\uline.png" width="5" height="30" alt="" border="0"></td>
            <td width="25%">&nbsp;</td>
        </tr>
    </table></td>
    </tr>
    <tr align="center" valign="bottom">
                <td colspan="2" width="50%"><img src="images\jacq.jpg"></td>
                <td colspan="2" width="50%"><img src="images\willem.jpg"></td>
            </tr>
    <tr>
        <td colspan="4">    <table border="0" cellpadding="0" cellspacing="0" width="100%" >
        <tr>
            <td width="25%">&nbsp;</td>
            <td width="5"><img src="images\uline.png" width="5" height="30" alt="" border="0"></td> 
            <td ><img src="images\mline.png" width="100%" height="30" alt="" border="0"></td>
                                    <td width="5"><img src="images\dline.png" width="5" height="30" alt="" border="0"></td>
                                    <td ><img src="images\mline.png" width="100%" height="30" alt="" border="0"></td>
            <td width="5"><img src="images\uline.png" width="5" height="30" alt="" border="0"></td>
            <td width="25%">&nbsp;</td>
        </tr>
    </table></td>
    </tr>
        <tr align="center" valign="top">
        <td colspan="4">
        <table cellpadding="0" cellspacing="0" border="0" width="100%">
            <tr align="center">
                    
                    
                                        <td width="%"><img src="images\keano.jpg"></td>
                    
            </tr>
        </table>
        </td>
    </tr>
 </table>
 
</div></TD><BR><BR>
</body>
</html>


Ik hoop dat er iemand weet wat het probleem is met mozilla

screenshot met ie7:

Afbeeldingslocatie: http://www.gothdamnit.nl/test/K/test/ie7.gif

screenshot met mozilla 2.0:

Afbeeldingslocatie: http://www.gothdamnit.nl/test/K/test/mozilla.gif

Verwijderd

Je HTML is op z'n zachts gezegd een rommeltje. Heb je al geprobeerd te valideren?

  • Maasluip
  • Registratie: April 2002
  • Laatst online: 15:11

Maasluip

Frontpage Admin

Kabbelend watertje

Waarom sluit je een div en een td die niet open staan?

En dat table-in-table is IMHO niet erg mooi. Ik zie er ook weinig nut van, want allemaal die sub-tables hebben maar een tr.

En XHTML 1.0 zoals je in de header claimt is het al helemaal niet :X

[ Voor 17% gewijzigd door Maasluip op 27-12-2007 11:35 ]

Signatures zijn voor boomers.


Verwijderd

Topicstarter
mja die xhtml 1.0 maakt dreamweaver er van :p maar die table heb ik van een andere site afgehaald omdat ik een ramp ben in het maken van tables en ik het niet voor elkaar kreeg, maar het rare is dat hij em in mozilla niet weergeeft en in ie7 wel, en mijn broertje had net een screenshot genomen met mozilla met een ie6 plugin en daar doet hij het wel, maar zijn de lijnen niet correct...

Afbeeldingslocatie: http://www.gothdamnit.nl/test/K/test/test.gif

  • Borizz
  • Registratie: Maart 2005
  • Laatst online: 24-09 20:59
Zorg er eerst eens voor dat je site valideert aan de hand van het door jou gekozen doctype. Er worden een aantal tags in ieder geval niet gesloten. En zoals Maasluip ook al zegt is het verre van xhtml.

If I can't fix it, it ain't broken.


  • Maasluip
  • Registratie: April 2002
  • Laatst online: 15:11

Maasluip

Frontpage Admin

Kabbelend watertje

Verwijderd schreef op donderdag 27 december 2007 @ 11:48:
mja die xhtml 1.0 maakt dreamweaver er van :p
Opvallend cleane code van Dreamweaver. Foute (invalid) code, maar clean.
Ik had niet verwacht dat het generated code was, dat zie je bij Frontpage (en andere MS-) code wel anders :X :X :X

Signatures zijn voor boomers.


  • Borizz
  • Registratie: Maart 2005
  • Laatst online: 24-09 20:59
Maasluip schreef op donderdag 27 december 2007 @ 11:54:
[...]
Opvallend cleane code van Dreamweaver. Foute (invalid) code, maar clean.
Ik had niet verwacht dat het generated code was, dat zie je bij Frontpage (en andere MS-) code wel anders :X :X :X
Dreamweaver is wat dat betreft een van de beste WYSIWYG editors naar mijn mening.

If I can't fix it, it ain't broken.


Verwijderd

Topicstarter
Dreamweaver werkt ook best prettig, ik snap alleen niets van wat hij aangeeft dat niet goed is...

Buiten dan van die <BR> die had ik zelf naar <BR> veranderd terwijl dreamweaver er <BR /> van maakte... maar dat komt doordat het vroeger altijd <BR> was :p

Maar verder snap ik er niets van :s

ook nog steeds niet van waarom alles zo anders wordt weergegeven :s

  • Fuzzillogic
  • Registratie: November 2001
  • Laatst online: 01-07 22:34
Zo te zien heb je speciale karacters in de bestandsnamen van de afbeeldingen staan. Gooi die eens eruit. Dat IE de afbeeldingen wel toont is zeer waarschijnlijk een fout van IE.

Verder.. Ik weet niet hoe je het voor elkaar hebt gekregen maar in IE is het wel heel erg crappy leesbaar :P (waarvoor hulde overigens. Hoe sneller we van IE6 af zijn, hoe beter)

En ik snap best dat niet iedereen een prof webdevver is, maar met 2 divjes kun je eigenlijk hetzelfde doen als met al die table-meuk... Waarom tabellen? Snie netjes. En maak van de stamboom gewoon 1 afbeelding, Dat gerommel met HTML om de lijnen tussen de foto's te maken voegt niets toe.

  • MueR
  • Registratie: Januari 2004
  • Laatst online: 12:59

MueR

Admin Devschuur® & Discord

is niet lief

Volgens de XHTML specificatie moeten tags ook in lowercase. Dit kan browsers ook in quirksmode gooien, waardoor rendering een feest wordt :)

Anyone who gets in between me and my morning coffee should be insecure.


Verwijderd

Topicstarter
Hmm het mozilla probleem is opgelost, het lag aan de image urls die ik per ongeluk met "\" gedaan had ipv "/"...

Wat het weergeven van de tekst in ie6 betreft... Ik vind dit best suf, want die main.html had ik al gemaakt toen ik nog met ie6 zat een paar weken terug wegens problemen met ie7, maar doordat ik de problemen ook in ie6 had ben ik terug gegaan naar ie7... Maar om een lang verhaal kort te maken, Ik had daar toen geen last van :s dus hier sta ik even versteld van :s

Maar het is nu nog enkel het uitlijnen probleem bij ie6...

edit: als ik van die stamboom een afbeelding maak moet ik ook de achtergrond meenemen of moet ik met transparantie werken in mijn afbeeldingen of moet er een wit vlak rond, wat eigenlijk heel het design van de site zou verkloten...

[ Voor 23% gewijzigd door Verwijderd op 27-12-2007 15:42 ]


Verwijderd

Topicstarter
heb het opgelost gekregen! Heb de png's nogmaals opgeslaan als gif, maar met andere opties en nu pakt hij het als gif wel in IIE6 waardoor het png script niet nodig is en alles transparant is en 100% afgebeeld... :)

  • crisp
  • Registratie: Februari 2000
  • Laatst online: 16:04

crisp

Devver

Pixelated

MueR schreef op donderdag 27 december 2007 @ 14:09:
Volgens de XHTML specificatie moeten tags ook in lowercase. Dit kan browsers ook in quirksmode gooien, waardoor rendering een feest wordt :)
Nope, alleen de doctype dicteert standards- of quirksmode ;)

Intentionally left blank


  • Sebazzz
  • Registratie: September 2006
  • Laatst online: 19-11 18:15

Sebazzz

3dp

Maar dat maakt het nog geen goed XML om alles in uppercase te gooien.

@TS: Wordt een man/vrouw en gooi Dreamweaver weg en pak een goede editor (Ultraedit, Notepad++, ...) en schrijf alles uit je hand. In de praktijk blijkt dat dat altijd nog het beste, snelste, en mooiste werkt. En je leert er ook het meeste van :)

[Te koop: 3D printers] [Website] Agile tools: [Return: retrospectives] [Pokertime: planning poker]


  • Ramon
  • Registratie: Juli 2000
  • Laatst online: 12:06
Sebazzz schreef op dinsdag 01 januari 2008 @ 12:18:
Maar dat maakt het nog geen goed XML om alles in uppercase te gooien.

@TS: Wordt een man/vrouw en gooi Dreamweaver weg en pak een goede editor (Ultraedit, Notepad++, ...) en schrijf alles uit je hand. In de praktijk blijkt dat dat altijd nog het beste, snelste, en mooiste werkt. En je leert er ook het meeste van :)
kan met dreamweaver ook.

Check mijn V&A ads: https://tweakers.net/aanbod/user/9258/


Verwijderd

Sebazzz schreef op dinsdag 01 januari 2008 @ 12:18:
Maar dat maakt het nog geen goed XML om alles in uppercase te gooien.

@TS: Wordt een man/vrouw en gooi Dreamweaver weg en pak een goede editor (Ultraedit, Notepad++, ...) en schrijf alles uit je hand. In de praktijk blijkt dat dat altijd nog het beste, snelste, en mooiste werkt. En je leert er ook het meeste van :)
Nou, ikzelf persoonlijk heb altijd erg veel moeite om alle tags en toevoegingen aan de html code te onthouden en voor mij is autoaanvullen met behulp van dreamweaver dus een geschenk uit de hemel. PHP code etc typ ik wel gewoon met de hand in Notepad++, dat werkt inderdaad veel fijner, maar voor HTML zie ik niet in wat er mis is met Dreamweaver (mits je het goed gebruikt uiteraard).

  • Ramon
  • Registratie: Juli 2000
  • Laatst online: 12:06
Waarom zou je PHP in notepad++ typen? dreamweaver heeft gewoon syntax highlighting voor php ook.

Check mijn V&A ads: https://tweakers.net/aanbod/user/9258/


Verwijderd

Ja dat is waar, maar ik vind Dreamweaver een beetje tja... lomp aanvoelen zeg maar. Als ik PHP code tik wil ik heel vaak vlug nog even een dingetje wijzigen en Notepad++ start dan gewoon heel snel op (en reageert sneller als het al draait). De interface is ook veel minder vol en druk imho, maar dat is natuurlijk gewoon persoonlijk :)

  • Ramon
  • Registratie: Juli 2000
  • Laatst online: 12:06
Tja bij mij staat dreamweaver gewoon de hele dag aan ;)

Check mijn V&A ads: https://tweakers.net/aanbod/user/9258/


Verwijderd

Topicstarter
naja, zoals ook is gezegd, gebruik ook ik dreamweaver omdat ik de tags niet goed onthou en omdat ik het wel makkelijk vind om de design/code view te gebruiken zodat ik ook zie wat ik doe zonder elke keer refresh te doen in de browser...

en af en toe is het wel handig omdat je dan makkelijker iets kan positioneren... want ik en pixels tellen gaat niet samen...

Plus ik heb nooit iets van html of php geleerd en dan is dreamweaver wel een mooie oplossing vind ik om het één en ander te leren over de coding... omdat je ook ziet welke code iets bepaald inhoudt als je het selecteerd in het design vlak... (zo heb ik alleszins een hoop geleerd over html)
Pagina: 1