website ziet er héél anders uit in andere browers

Status
Niet open voor verdere reacties.
heb het kunnen oplossen maar heeft wel een fout in de w3c validator.

als je op een link klikt en ja wilt dat openen in een ander scherm bestaat er een code die de validator wel accepteert?
 
Ligt het aan de indeling van mijn document?
Nop! Het ligt aan een tikfoutje in je css, waarin staat:
Code:
#sportkalender .be { background-image: url(http://[COLOR="darkred"]wwww[/COLOR].sportsites.be/wielernieuws/vlaggen/be.gif); }
#sportkalender .cz { background-image: url(http://[COLOR="darkred"]wwww[/COLOR].sportsites.be/wielernieuws/vlaggen/cz.gif); }
#sportkalender .de { background-image: url(http://[COLOR="darkred"]wwww[/COLOR].sportsites.be/wielernieuws/vlaggen/de.gif); }
#sportkalender .gb { background-image: url(http://[COLOR="darkred"]wwww[/COLOR].sportsites.be/wielernieuws/vlaggen/gb.gif); }
#sportkalender .it { background-image: url(http://[COLOR="darkred"]wwww[/COLOR].sportsites.be/wielernieuws/vlaggen/it.gif); }
#sportkalender .nl { background-image: url(http://[COLOR="darkred"]wwww[/COLOR].sportsites.be/wielernieuws/vlaggen/nl.gif); }
#sportkalender .us { background-image: url(http://[COLOR="darkred"]wwww[/COLOR].sportsites.be/wielernieuws/vlaggen/us.gif); }
Die vier w's herkent de browser niet. ;)

Met vriendelijke groet,
CSShunter
 
Hola, die was te laat! :) (helpmij.nl schoof niet automatisch door naar het laatste bericht).
  • Het vlaggetje rechtstreeks in de html kan nu dus weer komen te vervallen (en daarmee de gebruikte align="right" ook, wat geen valid html is).
=====
als je op een link klikt en je wilt die openen in een ander scherm, bestaat er een code die de validator wel accepteert?
Ja, dan moet je het Doctype veranderen in:
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
Het Transitional (overgangs-) Doctype was in 1999 bedoeld om toen oude sites nog dragelijk te kunnen vertonen. In de betere Strict Doctype-variant is o.a. het openen in een nieuw venster/tabblad verboden. *)
  • Ik zou tijdens het aanmaken nog van de Strict uitgaan, dan krijg je voor de andere dingen (bij foutjes) de beste validator-tips voor goede crossbrowser standaard-html.
  • Op het laatst kan je dan het Transitional-Doctype erboven zetten, dan is alles 100% valid en toch zoveel mogelijk standaard.
Met vriendelijke groet,
CSShunter
__________
*) W3C is intussen teruggekomen van het verbod op de target-eigenschap voor links: in het aankomende HTML5 is de target-eigenschap weer wel toegestaan! Zie www.w3.org/TR/2010/WD-html5-20100624/text-level-semantics.html#the-a-element.
 
in firefox werkt het prima buiten dat het kleine letters zijn en zou even groot moeten zijn of de links hierboven
 
Laatst bewerkt:
Hoi Renzolini,
Heb je al de html-validator op de /atest/ losgelaten? (zie ook de boodschap in mijn handtekening!)

Er zitten <h10>'s en <h11>'s in, die bestaan niet in html. :rolleyes:
De headings lopen van <h1> t/m <h6> (dat is zo ongeveer het kleinst leesbare letterformaat bij standaard-instelling). Zie: www.w3.org/TR/html401/struct/global.html#h-7.5.5.
  • Voor de <h10> is bij jou in de css o.a. een breedte en een {float: left;} opgegeven; die wordt niet door IE opgepakt. Kennelijk is FF wat vergeeflijker in zijn fout-opvang.
Als je van de <h10> een <div class="h10"> maakt, en in de css een puntje voor de h10 zet, dan kom je denk ik een stuk meer in de richting.
Ik zou alleen de breedte van de kolommen niet in em's opgeven, maar in px. Anders dropt de rechterkolom naar beneden als de bezoeker de letters in de browser groter maakt (> dan worden ook de kolommen breder, en passen ze er niet meer naast elkaar op).

Met vriendelijke groet,
CSShunter
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan