Banner verkeerd weergegeven in IE

Status
Niet open voor verdere reacties.

Stiefen

Gebruiker
Lid geworden
1 okt 2008
Berichten
143
Beste mensen,
Ik heb een joomla template gemaakt voor mijn website.
Als ik deze bekijk in firefox is dit helemaal prima.
Echter wanneer ik de websitebekijk in IE wordt de banner twee keer weergegeven. zie: www.scoutingwolder.nl
Nu heb ik de volgende code in mijn css:
HTML:
#banner{
	background: #FFFFFF url(../images/green/banner.jpg) center top no-repeat;
}
en de volgende code om de banner weer te geven in het script:
HTML:
<A HREF="index.php"><div id="banner"></A></div>
Ik heb al heel vaak ervaren dat er stukken html of css zijn die conflicten veroorzaken in de verschillende browsers, en daar zijn altijd vrijeenvoudige oplossingen voor.
Graag wil ik weten hoe ik dit kan oplossen, want ik kan hierover weinig vinden op internet.
Alvast bedankt,
Stefan
 
Er staat 'n JavaScript boven de <head>. Dat kan grote problemen geven. En er zitten nog wat fouten in de structuur.
Als je je pagina valideert op http://validator.w3.org/
krijg je 'n lijstje met fouten.
Ik weet het niet zeker, maar het zou heel goed kunnen dat je probleem is opgelost als dit in orde is gemaakt. In Firefox, Google Chrome, Opera en Safari ziet het er goed uit. Het ligt aan de browser hoe hij dit soort fouten afhandelt.
In IE 8 ziet het er ook goed uit als je in compabitiliteitsweergave (als ik ooit de $^%*) in handen krijg die dat woord heeft bedacht...) weergeeft: als IE 7.
Maar 'n JavaScript of zoiets boven de head, dar kan tot hele rare dingen leiden.
 
Ik heb veel gefixed gekregen van de 23 validator, echter werkt het niet in IE8. (zie bijlage)
Wat zou mogelijk het probleem kunnen zijn?
Grtz,
Stefan
 

Bijlagen

  • scoutingwolder ie8.jpg
    scoutingwolder ie8.jpg
    96,5 KB · Weergaven: 23
In ieder geval klopt de volgorde niet, het zou moeten zijn:
PHP:
<A HREF="index.php"><div id="banner"></div></A>
 
Hé, dat was me niet opgevallen. Alleen zou de volgorde dan moeten zijn
HTML:
<div id="banner"><a href="index.php"></a></div>
want 'n div (blok-element) mag niet in 'n <a> (inline-element).
Later vandaag ga ik nog 'ns uitgebreid kijken, want het is wel 'n interessant probleem.
Als 't dan nog niet is opgelost, of iemand anders me niet voor is.
 
Als ik nu op je site kijk, is het goed in IE 8. Is je probleem opgelost?
 
YES, ik had het nog niet gezien, maar het is inderdaad eindelijk opgelost!
Het heeft inderdaad alles ermee te maken met die url in de <div> command.
Nu is het opgelost. Bedankt voor de support!
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan