websites geven verkeerd beeld in internet explorer.

Status
Niet open voor verdere reacties.

Thomasvanaquino

Gebruiker
Lid geworden
16 jan 2012
Berichten
418
Hey,
Ik ben bezig met een algemene index te maken voor mijn websites die ik wil maken of ga maken. je kunt de resultaten zien op http://www.mijnkijkop.tk. Heb net mijn site gecontroleerd en blijkt dat met Safari, Chroom, Firefox de pagina alles doet wat ik wil. De links werken nog niet allemaal maar wat nu belangrijk is, is het uiterlijk van de pagina. Nu in Internet Explorer geeft dit een verkeerd beeld. het geeft de afbeeldingen inderdaad in 2 kolommen weer maar niet naast elkaar. Hoe kan dit?
Met vriendelijke groeten Aquino
 
Je probleem zit niet in IE9 wel in IE8.
IE8 snapt geen html5 doctype dus misschien werkt het wel met xhtml transitional of misschien moet je eens proberen met breedtes opgeven voor de div links en div rechts.
Wat je ook kan proberen is onder het afsluiten van div right het volgende te zetten <br style="clear:both;" />
 
oke ik zal het proberen bedankt voor de reactie. Even nog een klein vraagje heeft dit ook effect op de andere browsers?
 
Als het goed is niet. Maar testen in verschillende browsers kan nooit geen kwaad.
 
De code werkt trouwens niet blijkbaar. Maar hoe zat dat met die Doctype om xhtml
 
Laatst bewerkt:
Je hebt nu html5 en html4 door elkaar staan.
Gooi er dit maar in:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="nl-nl" lang="nl-nl" >
<head>
<title>Mijn gemaakte websites</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="robots" content="index,follow" />
<meta name=description content="Verschillende links naar mijn eigen websites" />
<meta name=keywords content="chiro, informatica, jeugdbeweging, epilepsie, vcf-syndroom, autisme, geschiedenis, Ierland,schaken" />
<link rel="stylesheet" href="http://www.aquino.woelmuis.nl/algemeen.css" />
</head>
<body>


Edit: moet werken zo:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="nl-nl" lang="nl-nl" >
<head>
<title>Mijn gemaakte websites</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="robots" content="index,follow" />
<meta name=description content="Verschillende links naar mijn eigen websites" />
<meta name=keywords content="chiro, informatica, jeugdbeweging, epilepsie, vcf-syndroom, autisme, geschiedenis, Ierland,schaken" />

<style type="text/css">
body {
color:#fff;
background-color: silver;
}
.links {
float :left;
text-align:left;
color:white;
}
.rechts{
float :right;
text-align :left;
}
</style>

</head>
<body>
<div class=links>
<a href="http://www.chiro-jongvalaar.tk"> <img src="http://www.aquino.woelmuis.nl/chiro.jpg" alt="link naar chiro site" height=360 width=480> </a>
<p>
<b>Deze website gaat over een kleine chirogroep in het Antwerpese.<br>
Het is gesitueerd in het zuiden ervan, in het Wilrijkse Valaar. <br>
In deze chirogroep zit ik zelf.</b> 
</p>
<a href="http://www.geschiedenis2.tk"> <img src="http://www.aquino.woelmuis.nl/geschiedenis.jpg" alt="geschiedenislink" height=360 width=480> </a>
<p>
<b>Deze site gaat over mijn favoriete hobby. <br>
Het gaat over wat geweest is en wat we eruit kunnen leren <br>
Het is een site dat vol geschiedenis staat.</b>
</p>
<a href="http://www.mijnkijkopinformatica.tk"> <img src="http://www.aquino.woelmuis.nl/informatica.jpg" alt="informaticalink" height=360 width=480> </a>
<p>
<b>Deze site gaat over één van mijn interesses waar ik hopelijk mijn beroep mee kan doen. <br>
Het gaat over alles wat met computers te maken heeft.</b>
</p>
<a href="http://www.mijnkijkopschaken.tk"> <img src="http://www.aquino.woelmuis.nl/schaken.jpg" alt="ischaaklink" height=360 width=480> </a>
<p>
<b>Deze site gaat over mijn sport.
<br>
Het gaat over een spel met een bord van 64 vakjes en 32 speelstukken.<br>
de site gaat over schaken.</b>
</p>
</div>
<div class=rechts>
<a href="http://www.mijnkijkopierland.tk"> <img src="http://www.aquino.woelmuis.nl/Ierland.jpg" alt="link van ierland" height=360 width=480> </a>
<p><b>
Deze site gaat over mijn favoriete land.<br>
Ik hou van de traditie,cultuur, omgeving en de geschiedenis van het land. <br>
Ik ben er zelf nog nooit geweest, maar het is mijn wens om daar naar toe te gaan.</b>
</p>
<a href="http://www.mijnkijkopiepilepsie.tk"> <img src="http://www.aquino.woelmuis.nl/epilepsie.png" alt="informaticalinksite over epilepsie" height=360 width=480></a>
<p><b>
Deze site gaat over alles wat te maken heeft met epilepsie. <br>
Hoe de diagnose wordt gesteld. <br>
Welke begeleiding er is en in welke vormen het voorkomt.</b>
</p>
<a href="http://www.mijnkijkopautisme.tk"> <img src="http://www.aquino.woelmuis.nl/autisme.jpg" alt="link naar autisme" height=360 width=480> </a>
<p><b>
Deze site gaat over alles wat te maken heeft met autisme. <br>
Hoe de diagnose wordt gesteld. <br>
Welke begeleiding er is en in welke vormen het voorkomt.</b>
</p>
<a href="http://www.mijnkijkopjeugdbeweging.tk"> <img src="http://www.aquino.woelmuis.nl/jeugdbeweging.jpg" alt="jeugdbeweging" height=360 width=480> </a>
<p><b>
Deze site gaat na welke verschillende jeugdbewegingen er zijn. <br>
Het vertelt ook hun tradities en hun ontstaan.</b>
</p>
</div>

<br style="clear:both;" />

<div align="center"> <a href="http://www.123xs.nl">Beste Webhosting</a>  
<script type="text/javascript">
	<!--
	var _adynamo_client = "eae07f42-28dc-4289-a62f-92808c2ce824";
	var _adynamo_width = 300;
	var _adynamo_height = 20;
	//-->
</script>
<script type="text/javascript" src="http://static.addynamo.net/ad/js/deliverAds.js"></script>
</div>

<!-- Start of StatCounter Code for Dreamweaver -->
<script type="text/javascript">
var sc_project=7295936; 
var sc_invisible=1; 
var sc_security="ee708cde"; 
</script>
<script type="text/javascript"
src="http://www.statcounter.com/counter/counter.js"></script>
<noscript><div class="statcounter"><a title="godaddy
analytics"
href="http://statcounter.com/godaddy_website_tonight/"
target="_blank"><img class="statcounter"
src="http://c.statcounter.com/7295936/0/ee708cde/1/"
alt="godaddy analytics"></a></div></noscript>
<!-- End of StatCounter Code for Dreamweaver -->

</body>
</html>
 
Laatst bewerkt:
oke dus in plaats van dat css bestand er een style van maken. Maar ik ben nog een kleine beginer om vlak van css enzo. Ik zie een meta tag met de naam robots staan en de content " index,follow" wat doet dat precies?
 
Of je die css style in de head zet of in een extern bestandje maakt voor de werking niet uit.

index follow is de default van Google dus die regel kan je in principe ook weglaten.
index betekend dat hij de pagina in zijn index op moet nemen, indexeren dus..
en follow wil zeggen de links op de pagina allemaal volgen. (Dus ook linkwaarde doorgeven aan de gelinkte pagina's)

Je kan ook tegenkomen noindex, nofollow of index, nofollow
 
hey heb de code ingegeven in mijn index het geeft nog altijd niet weer wat het moet in internet explorer.
 
Probeer dit eens dan:

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="nl-nl" lang="nl-nl" >
<head>
<title>Mijn gemaakte websites</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="robots" content="index,follow" />
<meta name=description content="Verschillende links naar mijn eigen websites" />
<meta name=keywords content="chiro, informatica, jeugdbeweging, epilepsie, vcf-syndroom, autisme, geschiedenis, Ierland,schaken" />

<style type="text/css">
*{
outline:none;
}
body {
color:#fff;
background-color: silver;
margin:0;
padding:0;
}
.links {
float :left;
text-align:left;
color:white;
width:500px;
}
.rechts{
float :right;
text-align :left;
width:500px;
}
#wrap{
margin:0 auto;
position:relative;
width:100%;
min-width:1000px;
}
img{
border:none;
}
</style>

</head>
<body>
<div id="wrap">

<div class="links">
<a href="http://www.chiro-jongvalaar.tk"> <img src="http://www.aquino.woelmuis.nl/chiro.jpg" alt="link naar chiro site" height=330 width=450> </a>
<p>
<b>Deze website gaat over een kleine chirogroep in het Antwerpese.<br>
Het is gesitueerd in het zuiden ervan, in het Wilrijkse Valaar. <br>
In deze chirogroep zit ik zelf.</b> 
</p>
<a href="http://www.geschiedenis2.tk"> <img src="http://www.aquino.woelmuis.nl/geschiedenis.jpg" alt="geschiedenislink" height=330 width=450> </a>
<p>
<b>Deze site gaat over mijn favoriete hobby. <br>
Het gaat over wat geweest is en wat we eruit kunnen leren <br>
Het is een site dat vol geschiedenis staat.</b>
</p>
<a href="http://www.mijnkijkopinformatica.tk"> <img src="http://www.aquino.woelmuis.nl/informatica.jpg" alt="informaticalink" height=330 width=450> </a>
<p>
<b>Deze site gaat over één van mijn interesses waar ik hopelijk mijn beroep mee kan doen. <br>
Het gaat over alles wat met computers te maken heeft.</b>
</p>
<a href="http://www.mijnkijkopschaken.tk"> <img src="http://www.aquino.woelmuis.nl/schaken.jpg" alt="ischaaklink" height=330 width=450> </a>
<p>
<b>Deze site gaat over mijn sport.
<br>
Het gaat over een spel met een bord van 64 vakjes en 32 speelstukken.<br>
de site gaat over schaken.</b>
</p>
</div>

<div class="rechts">
<a href="http://www.mijnkijkopierland.tk"> <img src="http://www.aquino.woelmuis.nl/Ierland.jpg" alt="link van ierland" height=330 width=450> </a>
<p><b>
Deze site gaat over mijn favoriete land.<br>
Ik hou van de traditie,cultuur, omgeving en de geschiedenis van het land. <br>
Ik ben er zelf nog nooit geweest, maar het is mijn wens om daar naar toe te gaan.</b>
</p>
<a href="http://www.mijnkijkopiepilepsie.tk"> <img src="http://www.aquino.woelmuis.nl/epilepsie.png" alt="informaticalinksite over epilepsie" height=330 width=450></a>
<p><b>
Deze site gaat over alles wat te maken heeft met epilepsie. <br>
Hoe de diagnose wordt gesteld. <br>
Welke begeleiding er is en in welke vormen het voorkomt.</b>
</p>
<a href="http://www.mijnkijkopautisme.tk"> <img src="http://www.aquino.woelmuis.nl/autisme.jpg" alt="link naar autisme" height=330 width=450> </a>
<p><b>
Deze site gaat over alles wat te maken heeft met autisme. <br>
Hoe de diagnose wordt gesteld. <br>
Welke begeleiding er is en in welke vormen het voorkomt.</b>
</p>
<a href="http://www.mijnkijkopjeugdbeweging.tk"> <img src="http://www.aquino.woelmuis.nl/jeugdbeweging.jpg" alt="jeugdbeweging" height=330 width=450> </a>
<p><b>
Deze site gaat na welke verschillende jeugdbewegingen er zijn. <br>
Het vertelt ook hun tradities en hun ontstaan.</b>
</p>
</div>

<br style="clear:both;" />

<div align="center"> <a href="http://www.123xs.nl">Beste Webhosting</a>  
<script type="text/javascript">
	<!--
	var _adynamo_client = "eae07f42-28dc-4289-a62f-92808c2ce824";
	var _adynamo_width = 300;
	var _adynamo_height = 20;
	//-->
</script>
<script type="text/javascript" src="http://static.addynamo.net/ad/js/deliverAds.js"></script>
</div>

<!-- Start of StatCounter Code for Dreamweaver -->
<script type="text/javascript">
var sc_project=7295936; 
var sc_invisible=1; 
var sc_security="ee708cde"; 
</script>
<script type="text/javascript"
src="http://www.statcounter.com/counter/counter.js"></script>
<noscript><div class="statcounter"><a title="godaddy
analytics"
href="http://statcounter.com/godaddy_website_tonight/"
target="_blank"><img class="statcounter"
src="http://c.statcounter.com/7295936/0/ee708cde/1/"
alt="godaddy analytics"></a></div></noscript>
<!-- End of StatCounter Code for Dreamweaver -->


</div>
</body>
</html>
 
Sorry voor de late reactie maar heb alles ingeoegd en het lijkt te werken nu naar mijn host sturen en is zien of het echt werkt. Het werkt inderdaad zoals het moet bedankt voor de hulp. maar wat is er nu eigenlijk in de code veranderd?
 
Laatst bewerkt:
Div links en div rechts hebben een breedte. En om het geheel staat div wrap heen met een minimale breedte en een breedte van 100%.
Check sceneone.nl als je wat over div gebruik wilt weten.
 
Oke zal ik zeker doen in ieder geval bedankt voor de hulp. Ben nu eerst html en css de basis aan het lezen daarna zl ik de site eens checken. Bedankt voor de tip
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan