[HTML]Procent werken niet in Opera

[JunkieXP]

Ik ben de laatste tijd bezig met een nieuw design en had deze bij iedere wijziging in de layout getest op IE en Firefox, hierop werkte ze beide.

Nu zegmaar de layout bijna klaar is en ik echt aan de site wou beginnen kwam ik erachter dat er nogal een verschil in browsers is. er zal dan ook vast wel iets in me HTML fout zitten ofzo.

Ik heb bijvoorbeeld gemerkt dat het procent niet werkt in Opera, zoals je ziet in het laatste voorbeeld word mijn site dan behoorlijk veranderd, wat zkr niet de bedoeling is, als ik dit in px instellingen doe doet hij het wel redelijk. Iemand enig id hoe ik zorg dat hij wel gewoon de volledige hoogte van de browser van de bezoeker gebruikt in Opera.

Wist niet of dit bij scripting of hier hoorde maar t was de weergave en niet de werking dus ik dacht hier beter af te zijn

De Voorbeelden:

Zo ziet hij eruit in Internet Explorer (IE), zo hoort hij te zijn


Dit is in Firefox, ziet er ook nog redelijk uit als het origineel (alleen borders kleuren anders, Scrollbalk kan niet kleuren en achtergrond in Input werkt niet)


Dit is in Opera (total chaos )

[ Voor 5% gewijzigd door JunkieXP op 20-03-2005 21:43 ]

[We Are Borg]

hier zal je toch wat code bij moeten gooien, anders wordt het enorm veel gokwerk

[Noork]

Je gebruikt zeker tabellen met 100% height. Dit werk dus niet in Opera. Het is trouwens ook geen W3C standaard. Je kunt het op lossen door div's te gebruiken.

[JunkieXP]

Dat was dus mijn vraag hoe ik een vervaning had voor die 100% height , Kun je t uitleggen (A)?

[Noork]

JunkieXP schreef op zondag 20 maart 2005 @ 22:18:
Dat was dus mijn vraag hoe ik een vervaning had voor die 100% height , Kun je t uitleggen (A)?

Een combinatie van div en css gebruiken. Dat kan ik hier niet zomaar in 3 regels uitleggen. Maar er is genoeg over te vinden. Als je in de search had gezocht was je dit probleem trouwens aleens tegen gekomen. Bijvoorbeeld: [rml][ HTML] code fout, of kan Opera geen tables maken?[/rml] of [rml][ XHTML/CSS] Opera doet moeilijk; HEIGHT = 100%[/rml]

Hier een handige site met voorbeeldcode voor het gebruik van div's: http://limpid.nl/lab/css/fixed/.

Wil je meer erover weten: http://www.w3.org

Veel succes.