Computergenie.nl    

Computergenie.nl
  Registreer!
  Registreer
Homepage
Home
Top 10
Top 10
Forum
Forum
Prijsindex
Prijsindex
Nieuws
Nieuws
Downloads
Downloads
Hulp & Uitleg
Hulp & Uitleg
Uitgebreid zoeken
 
  Zoeken •  Gebruikerslijst  •  Gebruikersgroepen   •  Registreer  •  Profiel  •  Log in om je privé berichten te bekijken  •  Ben je al lid?  Log in! 
Ben je al lid?  Log in!
Kies uw onderwerp:
Computer-Café
Knowledge Base
Hardware
Software
Internet & netwerken
Games
Scripten & programmeren
Digitale fotografie & video
Multimedia
GSM & mobile
Sitecheck & links
Officiële mededelingen
Feedback
ISL Light
Aanbiedingen
Markt-plaats
Hulp & Uitleg

Sponsors:

Cloud VPS

Relaties:

PC Beveiliger
Forum » Internet & netwerken » BALEN !! Alles OK, gooit IE9 roet in het eten....
BALEN !! Alles OK, gooit IE9 roet in het eten....

Nieuw onderwerpNieuw antwoord
frehen Bericht Geplaatst op 08-11-2011 Reageer met quote
Senior lid
Website werkt goed in IE7, IE8 en FireFox, maar IE9 gooit roet in het eten.

Het gaat om een zwevende afbeelding die dus niet op de goede plaats
wordt weergegeven in IE9. Ik gebruik de volgende code om de
afbeelding te plaatsen waar ik hem wil hebben.

Code:
<div style="position: absolute; width: 250px; height: 306px; z-index: 2; left: 275px; top: 50px; background-image: url('images/jump2.png')" id="laag1">
&nbsp;</div>


Kan ik iets toevoegen als if IE9 then ? Of hoe los ik dit euvel op ?
Waar ligt het uberhaupt aan dat IE9 dit niet goed doet ?
Alvast dikke dank !



Laatst aangepast door frehen op 08-11-2011, in totaal 1 keer bewerkt



grtjs
frehen
renevanh Bericht Geplaatst op 08-11-2011 Reageer met quote
Beheerder
Ik zie totaal geen verschil tussen de weergave met IE9, FireFox 7.0.1 en Chrome.

Je fout is dus structureel.

Waarom stop je overigens je CSS inline ipv in een aparte css file?


Daarnaast zie ik allemaal divs en andere objecten in een hele grote tabel.
Waarom? Waarom werk je niet met floating divs en maak je gebruik van de beperktere mogelijkheden van tabellen?

{EDIT}
Overigens bevat je HTML geen DOCTYPE en zitten er erg veel fouten in je html. Verplichte tags missen (<script MOET een 'type' attribuut hebben bijvoorbeeld), tags niet afgesloten (helft van je meta tags bijvoorbeeld zijn niet afgesloten). Los dat eerst op, dan weet je in ieder geval zeker dat alles correct geïnterpreteerd wordt door de browsers en kan je focussen op positioneringsproblemen zonder dat je dat straks weer opnieuw mag gaan doen.




Keyboard not found, press F1 to continue...
frehen Bericht Geplaatst op 08-11-2011 Reageer met quote
Senior lid
Ok, ik ben dus geen top designer, fijn dat je dat weer laat weten rene.
Ik maak geen gebruik van floating divs, er is geen doctype, metatags
zijn in de helft van de gevallen niet goed afgesloten ... fijn.

Bij mij ziet de site er in IE7 en 8 en Firefox 7.01 goed uit. Verder is het
gewoon functioneel en werkt alles zoals het moet werken. Er is één ding
dat niet goed werkt en daarom moet het hele werk maar worden
afgekeurd ? Ik zie niet in waarom.

Als je persé aan al die voorwaarden moet voldoen en anders alleen maar
daarop wordt be(ver)oordeeld, dan laat maar zitten hoor.




grtjs
frehen
renevanh Bericht Geplaatst op 08-11-2011 Reageer met quote
Beheerder
frehen schreef:

Als je persé aan al die voorwaarden moet voldoen en anders alleen maar
daarop wordt be(ver)oordeeld, dan laat maar zitten hoor.


Van mij hoef je er niet aan te voldoen hoor, maar het kan wel een oorzaak zijn (of bijdragen aan) van je probleem!
Het oplossen van je probleem wordt daardoor ook giswerk. Morgen bedenkt Mozilla opeens dat FireFox 8 standaard uitgaat van HTML5 terwijl jij misschien specifieke dingen gebruikt die wel in HTML4.01 of XHTML1.0 zitten, maar niet meer in HTML5. Werkt je halve site ineens niet, en jij maar zoeken naar het probleem...

Misschien heb jij een goede reden om met tabellen aan de gang te gaan ipv div's, dat zou zomaar kunnen. Daarom vraag ik er naar. Daarnaast kun je het gewoon zien als opbouwende kritiek waardoor je volgende keer de boel mogelijk anders aanpakt.
Uiteindelijk zijn (floating) divs die je via een externe CSS plaatst een stuk flexibeler als je iets wilt veranderen en beter te onderhouden.


Wat je probleem exact is kan ik niet zien, omdat het hier in alle browsers er gelijk uitziet. Een screenshotje helpt misschien om je probleem duidelijker te maken.
Wat ik wel zie is dat je menu door je plaatje heen loopt en daarmee de berijders van de quad (?) onthoofd. Dat hoort hoogstwaarschijnlijk niet, maar wat je wel wil is niet duidelijk.


Dat heeft allemaal overigens NIKS te maken met het zijn van een goede of slechte designer. Waar ik je alleen op probeer te attenderen is dat, gezien de enorme diversiteit aan apparaten en browsers, het van essentieel belang is de basis goed te hebben en dat gaat het makkelijkste met een DOCTYPE definitie en geldige HTML code.
Je kan je code overigens makkelijk valideren via http://validator.w3.org/.




Keyboard not found, press F1 to continue...
frehen Bericht Geplaatst op 09-11-2011 Reageer met quote
Senior lid
In het hele div verhaal ben ik nog niet zo thuis, vandaar tabellen.
Maar je hebt uiteraard gelijk. Ik ga er eens naar kijken en de hele
zaak opnieuw opbouwen met externe CSS en divs.

Hoe sluit je metatags op een goede manier af dan ?
Want de validator zegt dat die / nergens gebruikt moet worden.
Ik heb altijd gedacht dat spatie/> de goede afsluiter van de tag was.
En dat was inderdaad niet overal gebruikt, maar de validator wijst die
bracket=/ af.

Ik dank je voor je opbouwende kritiek en als je een tip of een site hebt
waar ik wat info over divs kan vinden hou ik me aanbevolen.
M.n. de navigatie binnen divs is me niet duidelijk, ben gewend gebruik te
maken (ouderwets ja) van een inline frame waarnaar ik dan navigeer.
Alvast dank rene.




grtjs
frehen
renevanh Bericht Geplaatst op 09-11-2011 Reageer met quote
Beheerder
Code:

<meta name="keywords" content="text" />


Dat is goed volgens de XHTML1.0 en HTML5 specificatie (HTML5 erft overigens XHTML1.0).
De validator kiest (dacht ik, weet het niet meer -> link heb je weggehaald) in jouw geval voor HTML4.01, waarbij dat mogelijk niet correct is.
Op te lossen met een doctype bovenaan je pagina.
Voor HTML5 :

Code:

<!DOCTYPE HTML>
<html lang="nl">



Als je gaat werken met div's navigeer je niet meer tussen componenten zoals je dat met frames doet. Je laad gewoon een complete html met je gehele markup erin (dus de div's op de juiste plek en een verwijzing naar je css). Voor een menu zou je dan weer PHP kunnen gebruiken om het overal te includen, lekker makkelijk.
Daarnaast kun je (bijvoorbeeld met PHP of Javascript) je HTML code genereren en die naar de div schrijven.
Heel veel info hierover is te vinden op de site van het W3C consortium (www.w3.org).


Heel simpel voorbeeldje waarbij ik even voorbij ga aan de positionering (die informatie zou in mycss.css staan):

Code:

<!DOCTYPE HTML>
<html lang="nl">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Voorbeeld div's</title>
<link rel="Stylesheet" type="text/css" href="mycss.css" />
<script type="text/javascript">
function makeMe()
{
  var header = "De pagina header";
  var content = "Content";
  document.getElementById("1").innerHTML = header;
  document.getElementById("2").innerHTML = content;
}
</script>
</head>
<body onLoad="makeMe();">
<div id="main_container">
<div id="1">
</div>
<div id="2">
</div>
</div>
</body>
</html>



Een groot nadeel van frames is overigens je vindbaarheid mbt zoekmachines.




Keyboard not found, press F1 to continue...
frehen Bericht Geplaatst op 12-11-2011 Reageer met quote
Senior lid
Ok, ik ben hiermee aan de slag gegaan en op zich.. valt niet tegen.
Validatie geeft inmiddels PASSED, dus dat zit goed.

Het is nu helemaal gelukt en goed, dus nog bedankt.




grtjs
frehen
Nieuw onderwerpNieuw antwoord   


Forum » Internet & netwerken » BALEN !! Alles OK, gooit IE9 roet in het eten....

Powered by Cloud VPS - High Availability Cloud Servers