[PHP/CSS] Safari browser weergave probleem

[Verwijderd]

Beste Tweakers,

Er is een probleem met een registratie formulier pagina op:
http://www.i-museum.nl/index.php?pagina=registratie
Deze pagina moet een form weergeven zie code onderaan dit bericht, enkel in de Safari browser
wordt dit totaal niet weergegeven.

Normaal gesproken probeer ik te debuggen, maar de webinspector voor safari geeft geen foutmelding http://webkit.org/blog/?p=41 Webkit.app, sterker nog na installatie van de webkit.app en ik bekijk de pagina, dan geeft die wel het formulier weer + de bijbehorende tabellen.

Mijn kennis is beperkt van de Safari browser, maar het is een must dat dit formulier wel gaat werken voor safari browser users.

hieronder plaatje zoals het in de Safari browser wordt weergegeven


hieronder plaatje waarin ik in rood heb weergegeven wat verdwijnt


http://www.i-museum.nl/index.php?pagina=registratie
Als ik in de source kijk bij Safari dan geeft hij wel de sourcecode weer.
Alles tussen <div id="menu"></div> en <div id="footer"></div> wordt niet weergegeven zie de bovenste twee plaatjes.

De Css van de pagina
http://www.i-museum.nl/includes/style.css

Hieronder de code die niet wordt weergegeven.

PHP:

<form name="form" action="index.php?pagina=registratie" method="post" enctype="multipart/form-data">
        <input name="land" value="NL" type="hidden">       
                    <div id="content_top">

<h1>Registratiepagina I-Museum</h1>
<p>Op deze pagina kunt u kosteloos inschrijven, uw account aanmaken bij I-Museum, en uw eigen expositieruimte op internet maken!</p>
<p>In het onderstaande formulier kunt u uw gegevens invoeren. Sommige van deze gegevens worden gepubliceerd in uw profiel bij uw werk. Uw persoonlijke gegevens zullen wij als uiterst vertrouwelijk behandelen.</p>
<p>Als u uw account heeft aangemaakt kunt u uw account verder inrichten en uw kunstwerken uploaden.</p>
<p>De met * aangemerkte velden zijn verplicht.</p>          <table border="0" cellpadding="5">
                            <tbody><tr>
                                <td width="150">Gebruikersnaam <font color="black">*</font></td>
                                <td><input size="30" maxlength="20" name="gebruikersnaam" id="mijn_gebruikersnaam" tabindex="1" type="text"></td>
                            </tr><tr>
                                     
............ hier wat code uitgehaald zodat het wat sneller leesbaar is ...........
                        
                            <tr><td><input class="buttonreg" name="sub" value="Klik hier om u aan te melden!" tabindex="6" onclick="return veldenControleRegistratie();" align="right" type="submit"></td>
                            </tr>
                            </tbody></table>                
                        </div>     
                            
                            <table id="content_bottom" cellpadding="0" cellspacing="0">
                        <tbody><tr>
                            <td id="content_left"></td>
                            <td id="content_middle"></td>
                            <td id="content_right"></td>

                        </tr>
                    </tbody></table>
                </form>

Dus als iemand hier een oplossing voor weet of mij in de juiste richting kan sturen hoor ik het natuurlijk graag

[iworx]

Hier op Safari - no problemmo.

Aanmelden enz. werkt zonder problemen.

't enige dat ik merk is dat je tussenblok niet dezelfde breedte heeft als de header/footer.

[ Voor 80% gewijzigd door iworx op 05-09-2007 15:59 ]

[Verwijderd]

dot.K schreef op woensdag 05 september 2007 @ 15:57:
Hier op Safari - no problemmo.

Hmz, heb je veranderingen aangebracht bij je instellingen van Safari? Gebruik je de Safari 3 beta?

Mijn test systeem specs:

[iworx]

Dat wel ja - Safari 3.0.3. Geen plugin's of andere dingen.

Merk wel even op dat je mbt. het gebruikte DOCTYPE je 36 fouten hebt volgens de W3C validator in je HTML en nog eens 7 in je CSS.

Daar zou je best wel eens de "bug" voor safari kunnen vinden.

[ Voor 63% gewijzigd door iworx op 05-09-2007 16:18 ]

[Verwijderd]

Bedankt voor het meedenken!, ik zal dit even aan de maker melden. Ben zelf niet de maker van deze pagina, enkel ik help mee om een aantal problemen op te lossen. De site is niet volledig correct opgebouwd qua code > alleen ik heb ookal naar die problemen gekeken en dat kan het niet wezen naar mijn mening.

CSS errors >> wat slordigheids fouten maar dramatisch voor de weergave in Safari.

code:

316     #TB_overlay     Parse Error - opacity=60)
317     #TB_overlay     Eigenschap -moz-opacity bestaat niet : 0.6
318     #TB_overlay     Eigenschap opacity bestaat niet : 0.6
397     #TB_HideSelect  Parse Error - opacity=0)
398     #TB_HideSelect  Eigenschap -moz-opacity bestaat niet : 0
399     #TB_HideSelect  Eigenschap opacity bestaat niet : 0
407     #TB_iframeContent   Eigenschap _margin-bottom bestaat niet : 1px

Van de andere 36 fouten zal ik rapport doorsturen + advies wat mij zinvol lijkt om nu te testen om het werkend te krijgen.

In ieder geval bedankt, als het opgelost is dan zal ik hier natuurlijk de oplossing neerzetten als er mensen zijn die als ze hier doorheen browsen meteen een oplossing zien dan hoor ik het natuurlijk graag.