Stylesheet probleem

Door Meine op 14-12-2006 17:01

717 views

Geachte mensen,

ik heb nu een stuk code gemaakt zonder php te gebruiken maar daar loopt het al in de soep.
Het volgende probleem doet zich voort. Meneer WINDOWS meent leuk te zijn door zijn eigen manier van coderen aan te nemen en niet de standaard van W3C. Ik ben zelf MAC gebruiker en dus had ik het probleem niet door tot ik eens ging testen op een WINDOWS PRUL.
Het is niet te geloven wat OME BILL wel niet denkt dat hij kan maken.

Volgens W3C is er namelijk niets mis met mijn codes dus werkt het prima zowel in FireFox als Safari is er geen enkel probleem alleen zijn er helaas nog teveel mensen die IE gebruiken dus zal ik daar mijn website ook op moeten maken. Wanneer je FF en IE hebt zie je het verschil, namelijk de border bij het menu en de hover in het menu. Je hoeft niet te klikken want die pagina's heb ik verscheurd maar staan nog online.

Voorbeeld en code is af te halen van:

http://www.zeebungalow.nl/version_1/index.html

http://www.zeebungalow.nl/version_1/default.css
http://www.zeebungalow.nl/version_1/content.css

Hopende dat er iemand is die fanatiek WINDOWS gebruiker is en dit probleem voor mij op kan lossen ik kan het zelf niet verzinnen meer.

Bedankt! En mijn excuus over mijn agressie op WINDOWS.

Jesper Diovo

14-12-2006 17:15


<html>
<head>
<link rel='stylesheet' href='jegoeie.css'>

<!-- [IF IE]>
<link rel='stylesheet' href='jeIE.css'>
<![endif] -->
</head>
...en de rest...

Misschien dat dit werkt?

Robert Deiman

14-12-2006 17:23

Daar gaat het niet om Djemo, het probleem is dat hij op zijn MAC niet ziet hoe "brak" (ik moet zeggen dat ik het aardig mee vind vallen in IE6) het er in IE uit ziet.
Het lijken mij kleine probleempjes, maargoed dat kan ik helemaal fout hebben.

DirkJan Heinen

14-12-2006 17:42

de hover is simpel op te lossen!

wat je moet weten: IE kan :hover s alleen zien bij een a object dus wat je moet doen is


<link rel="stylesheet" href="je.css">

a.menu:hover {
        width: 185px;
        height: 20px;  
  	background-image: url("images/zoek_boek.gif");
	background-position: 163px 4px;
	background-repeat: no-repeat;
	background-color: #c6db00;
	color: #ffffff;
}

</style>

en dan geef je de linkjes:


<a href="#" class="menu">Home</a>

Meine

14-12-2006 18:32

Dudes allemaal heel erg bedankt!

In IE6 valt het mee ik kan je vertellen dat IE7 helemaal geen probleem geeft eerlijk gezegt... Ik weet nu wat het probleem is bekijk je werk niet op browser van 10 jaar terug (ik keek naar IE versie 4) aangezien ik weinig windows gebruik en geen auto updates krijg is het niet zo gek natuurlijk dat ie er niet uit ziet.

Dat van die hover werkt in IE7 ook gewoon, toch ga ik nog wel even de hover functie uitdiepen maar naar mijn mening kun je dit op ieder object toepassen.

Eerst bedankt voor jullie hulp waardeer het ten zeerste! Super hierzo

Reageren

Inloggen om te reageren