Opera werkt niet mee

De browser waar ik me het meest aan erger is ie, maar Opera is toch een goede tweede :sealed: Ik heb [url=http://kj.rfdgra.nl/site/]hier[/url] een test websiteje neergeplant. De tabs zijn knoppen naar sub-pagina's. Het probleem is dat in ie en Opera de tabs niet goed staan. Het was sowieso al een hele toer om die tabs goed te krijgen in alle browsers. Nu heb ik voor ie een hack gebruikt zodat de tabs goed staan. Kan dat ook voor Opera of weet iemand een betere manier om de tabs te realiseren? Ik heb overigens Opera versie 8.

Hier gaat het goed, maar wel met opera 9

Opera 8 heb ik niet in de buurt, maar wat ik zie (met 9 dus) is precies hetzelfde als Safari.

Oh, ik wist niet eens dat 9 er al was. Het gaat vrij vlot met de Opera releases zeker? Zijn Opera gebruikers snelle updaters? Dan is het probleem verwaarloosbaar.

[edit] Als ik op Opera.com kijk staat daar versie 8.51!?[/edit]

Zonder naar de pagina gekeken te hebben: Opera 8 heeft nauwelijks nog problemen, dus ik zou nog een keer goed naar je code kijken. Als Opera 8 kuren vertoont dan is meestal de remedie om betere CSS te schrijven in mijn ervaring.

(Opera 7 daarintegen een een browser met heel veel CSS bugs)

Het vreemde is dat het werkt in Safari, Camino en Firefox op de Mac en in Firefox op de pc. Doen die het dan slechter dan Opera?

Ik heb de tabs op een andere positie gezet in de html, een float uit de css gegooid, de tab-links een display: block; gegeven en nu werkt het :)

De code ziet er trouwens vrij goed uit, vergeet niet om alle tags en attributen in kleine letters te tikken. Ook moeten alle tags afgesloten worden (bijvoorbeeld <img src="http://www.google.be/favicon.ico alt="Naam" />). Ook voor img-tags dus. En (zie voorbeeld), het is VERPLICHT om elke img-tag een alt-attribuut te geven.

Ook moet de script-tag geen "language"-attribuut hebben, dat is zelfs verboden. Het enige wat ie nodig heeft is het type-attribuut: type="text/javascript". Verder ga ik er niet op in, maar neem sowieso af en toe eens een kijkje op adres validator.w3.

Een snelle optimalisatie:

[code:1:bbf0e2999e]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Mijn site</title>
<base href="http://kj.rfdgra.nl/site/" />
<meta http-equiv="content-type" content="application/xhtml+xml; charset=utf-8" />
<link rel="stylesheet" href="css.php?ordner=rood&p=Bedrijfsinfo" type="text/css" media="screen" />
<link rel="icon" href="favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<script type="text/javascript">
var ns=(document.layers);
var ie=(document.all);
var w3=(document.getElementById && !ie);

function showNav() {
if(!ns && !ie && !w3) { return };
if (ie) {
navDiv=eval(‘document.all.nav.style’);
} else if(ns) {
navDiv=eval(‘document.layers[“nav”]’);
} else if(w3) {
navDiv=eval(‘document.getElementById(“nav”).style’);
}
if (document.getElementById(“showNavButton”).name == “showNav”) {
document.getElementById(“showNavButton”).name=“hideNav”;
document.getElementById(“showNavButton”).href="#showNav";

    if &#40;ie||w3&#41; &#123;
        navDiv.visibility=&#34;visible&#34;;
        navDiv.display=&#34;inline&#34;;
    &#125; else &#123;
        navDiv.visibility =&#34;show&#34;;
        navDiv.display=&#34;inline&#34;;
    &#125;
&#125; else &#123;
    document.getElementById&#40;&#34;showNavButton&#34;&#41;.name=&#34;showNav&#34;;
    document.getElementById&#40;&#34;showNavButton&#34;&#41;.href=&#34;#hideNav&#34;;

    if &#40;ie||w3&#41; &#123;
        navDiv.visibility=&#34;hidden&#34;;
        navDiv.display=&#34;none&#34;;
    &#125; else &#123;
        navDiv.visibility =&#34;hide&#34;;
        navDiv.display=&#34;none&#34;;
    &#125;
&#125;

}
</script>
</head>
<body>
<a href="#showNav" name="showNav" id="showNavButton" onClick="showNav()">Menu</a>
<div id="nav" style="visibility: hidden">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"
width="710" height="304" id="test" align="">
<param name="movie" value="navigatie/nav.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<embed src="navigatie/nav.swf" quality="high" width="710" height="304" name="test" align="" type="application/x-shockwave-flash" pluginspace="http://www.macromedia.com/go/getflashplayer"></embed>
</object>
</div>
<div class="content"><div class="logo"></div></div>
<div class="bgimageTwo"></div>
<div class="bgimage">
<div class="ordnerContent">
<p>tekst</p>
<p>tekst</p>
</div>
<div id="tabs">
<a href="index.php?p=Bedrijfsinfo&amp;t=Bedrijfs info2">
<img src="images/tabs/bedrijfsinfo-1.gif" alt="" /></a>
<a href="index.php?p=Bedrijfsinfo&amp;t=Contact">
<img src="images/tabs/bedrijfsinfo-2.gif" alt="" /></a>
<a href="index.php?p=Bedrijfsinfo&amp;t=Plek">
<img src="images/tabs/bedrijfsinfo-3.gif" alt="" /></a>
<a href="index.php?p=Bedrijfsinfo&amp;t=Werkwijze">
<img src="images/tabs/bedrijfsinfo-4.gif" alt="" /></a>
<a href="index.php?p=Bedrijfsinfo&amp;t=Route">
<img src="images/tabs/bedrijfsinfo-5.gif" alt="" /></a>
</div>
</div>
</body>
</html>[/code:1:bbf0e2999e]

[quote:8b0a125767="à la Mac"]verhaal[/quote:8b0a125767]

Ik hou ook rekening met die dingen, maar als ik een doctype toevoeg werkt de css ineens niet meer in Camino. Daarom heb ik er (nog) geen doctype in staan. En daarom kan ik het ook nog niet valideren.

[quote:41ad48d16a="Kyokushinkai"][quote:41ad48d16a="à la Mac"]verhaal[/quote:41ad48d16a]

Ik hou ook rekening met die dingen, maar als ik een doctype toevoeg werkt de css ineens niet meer in Camino. Daarom heb ik er (nog) geen doctype in staan. En daarom kan ik het ook nog niet valideren.[/quote:41ad48d16a]

Wat is dat nu voor zever. Hier werkt ie prima in Camino.

En daarbij, is de doelgroep die Camino gebruikt dan zo groot?

[quote:c5474a704a="à la Mac"][quote:c5474a704a="Kyokushinkai"][quote:c5474a704a="à la Mac"]verhaal[/quote:c5474a704a]

Ik hou ook rekening met die dingen, maar als ik een doctype toevoeg werkt de css ineens niet meer in Camino. Daarom heb ik er (nog) geen doctype in staan. En daarom kan ik het ook nog niet valideren.[/quote:c5474a704a]

Wat is dat nu voor zever. Hier werkt ie prima in Camino.

En daarbij, is de doelgroep die Camino gebruikt dan zo groot?[/quote:c5474a704a]

Misschien niet, maar ik gebruik liever geen doctype zodat het overal goed werkt dan wel een doctype en het niet werkt in Camino. Uiteraard ga ik wel proberen het werkend te krijgen MET een doctype.

[quote:b9abb5aa04="Kyokushinkai"] [...]maar ik gebruik liever geen doctype zodat het overal goed werkt dan wel een doctype en het niet werkt in Camino. Uiteraard ga ik wel proberen het werkend te krijgen MET een doctype.[/quote:b9abb5aa04]

Werkt het dan wel goed in Firefox? Dat zou raar zijn, aangezien Camino en Firefox dezelfde rendering engine hebben. Zonder DOCTYPE betekent dat de browser automatisch in quirks mode gaat en dat bijvoorbeeld in Internet Explorer het box model verkeerd geintepreteerd wordt; dat kan voor rare verassingen zorgen.

Heb je deze artikelen wel eens gelezen:
http://www.alistapart.com/articles/slidingdoors/
http://www.alistapart.com/articles/slidingdoors2/

De huidige multilinguale versie van Camino (0.8.4) heeft nog een oude Gecko, de nieuwste rendert deze pagina wél goed.

[quote:849ba1d45e="tennapel"][quote:849ba1d45e="Kyokushinkai"] [...]maar ik gebruik liever geen doctype zodat het overal goed werkt dan wel een doctype en het niet werkt in Camino. Uiteraard ga ik wel proberen het werkend te krijgen MET een doctype.[/quote:849ba1d45e]

Werkt het dan wel goed in Firefox? Dat zou raar zijn, aangezien Camino en Firefox dezelfde rendering engine hebben. Zonder DOCTYPE betekent dat de browser automatisch in quirks mode gaat en dat bijvoorbeeld in Internet Explorer het box model verkeerd geintepreteerd wordt; dat kan voor rare verassingen zorgen.[/quote:849ba1d45e]
Ja, het werkte wel goed in Firefox. Dat vond ik ook al vreemd.

[quote:849ba1d45e]Heb je deze artikelen wel eens gelezen:
http://www.alistapart.com/articles/slidingdoors/
http://www.alistapart.com/articles/slidingdoors2/[/quote:849ba1d45e]
yep.

[quote:849ba1d45e=“à la Mac”]De huidige multilinguale versie van Camino (0.8.4) heeft nog een oude Gecko, de nieuwste rendert deze pagina wél goed.[/quote:849ba1d45e]
Ik heb versie 1.0b2

[quote:c9fc7d2c51="Kyokushinkai"][quote:c9fc7d2c51="tennapel"][quote:c9fc7d2c51="Kyokushinkai"] [...]maar ik gebruik liever geen doctype zodat het overal goed werkt dan wel een doctype en het niet werkt in Camino. Uiteraard ga ik wel proberen het werkend te krijgen MET een doctype.[/quote:c9fc7d2c51]

Werkt het dan wel goed in Firefox? Dat zou raar zijn, aangezien Camino en Firefox dezelfde rendering engine hebben. Zonder DOCTYPE betekent dat de browser automatisch in quirks mode gaat en dat bijvoorbeeld in Internet Explorer het box model verkeerd geintepreteerd wordt; dat kan voor rare verassingen zorgen.[/quote:c9fc7d2c51]
Ja, het werkte wel goed in Firefox. Dat vond ik ook al vreemd.

[quote:c9fc7d2c51]Heb je deze artikelen wel eens gelezen:
http://www.alistapart.com/articles/slidingdoors/
http://www.alistapart.com/articles/slidingdoors2/[/quote:c9fc7d2c51]
yep.

[quote:c9fc7d2c51=“à la Mac”]De huidige multilinguale versie van Camino (0.8.4) heeft nog een oude Gecko, de nieuwste rendert deze pagina wél goed.[/quote:c9fc7d2c51]
Ik heb versie 1.0b2[/quote:c9fc7d2c51]

Dat ligt niet aan Camino, maar aan de verwarrende naam van het CSS-bestand: 'http://kj.rfdgra.nl/site/css.php?ordner=rood&p=Bedrijfsinfo'. Verander die naam in 'stylesheet.css' en hij zal wel werken.

[quote:2246626ff2="à la Mac"]Dat ligt niet aan Camino, maar aan de verwarrende naam van het CSS-bestand: 'http://kj.rfdgra.nl/site/css.php?ordner=rood&p=Bedrijfsinfo'. Verander die naam in 'stylesheet.css' en hij zal wel werken.[/quote:2246626ff2]

Probleem is dat er php in het css bestand verwerkt is. Daarnaast werkt het in Firefox prima. :sealed:

extensie van de css file maakt niet uit.

[quote:f6edcd7725="konijn"]extensie van de css file maakt niet uit.[/quote:f6edcd7725]

Behalve in Camino dus…

[quote:7da442ae15="Kyokushinkai"][quote:7da442ae15="konijn"]extensie van de css file maakt niet uit.[/quote:7da442ae15]

Behalve in Camino dus…[/quote:7da442ae15]

Ik had voor mijn eigen site ook een stylesheet als php file, geen probleem onder camino (de voorgaande versie); zolang je maar meestuurt in de header dat het een text/css bestand is: http://www.noipo.org/index.php?id=253

[quote:27e32d0d5c="tennapel"][quote:27e32d0d5c="Kyokushinkai"][quote:27e32d0d5c="konijn"]extensie van de css file maakt niet uit.[/quote:27e32d0d5c]

Behalve in Camino dus…[/quote:27e32d0d5c]

Ik had voor mijn eigen site ook een stylesheet als php file, geen probleem onder camino (de voorgaande versie); zolang je maar meestuurt in de header dat het een text/css bestand is: http://www.noipo.org/index.php?id=253[/quote:27e32d0d5c]

Warempel, het werkt. Bedankt! :slight_smile: