Probleem met website, werkt perfect in IE, maar verkeerde weergave in Chrome en FF

Status
Niet open voor verdere reacties.

mastermarek

Gebruiker
Lid geworden
14 dec 2007
Berichten
9
Hallo iedereen! ,

Eerste keer voor mij hier op helpmij.nl forum
Alvast heel erg bedankt voor reactie's, het probleem is als volgt:
Ik ben net begonnen met mijn eerste website en het is zo goed als klaar.
Ik heb hem online gezet en alles deed het fantastisch in Internet Explorer, toen ging ik de website checken in Chrome en Firefox en daar blijkt dat de site er heel anders uitziet dan het zou horen...Nu vraag ik me af wat het probleem kan zijn en of er een oplossing is :)?


MvG,

Marek
 
Laatst bewerkt:
Vaak komt dit door fouten in de code. Je kan je website controleren op http://validator.w3.org

Als een pagina gevalideerd is - geen fouten - zal hij goed werken in alle gangbare browsers.

Tip: keep it simple! Hoe minder toeters en bellen, hoe sneller je een goedwerkende website hebt.

Succes!
 
Oeps:

Errors found while checking this document as HTML 4.01 Transitional!
Result: 85 Errors, 9 warning(s)


voer hier je url in
http://validator.w3.org

:cool:

///edit
en je plaatjes zijn te groot, die kleintjes:
site laadt sloom.
 
Laatst bewerkt:
hmmm, dat zijn heel wat fouten :confused:

achh dan ga ik dat maar is goed bekijken,
erg bedankt voor de snelle reacties :)
 
Overigens:
je gebruikt een javascript om tekst te tonen,
dit is niet de gebruikelijke manier.
Indien een bezoeker javascript heeft uit staan, is er niks te zien.

:cool:
 
Rare plaatsing in de browser komt vanf je css:
stylesheet1992.css
je gebruikt
position:absolute;


:cool:
 
Oke, zoals je (duidelijk ) kunt zien ben ik nogal een beginnerling,
voor wat zou die absolute vervangen kunnen worden? static?



dank voor de hulp ^^
 
Laatst bewerkt:
Hierbij een basisopzet:

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<title>
			(Type a title for your page here)
		</title>
		<!--Pagina gemaakt op Sunday, September 20, 2009 22:37:33 -->
		<meta name="GENERATOR" content="Arachnophilia 4.0">
		<meta name="FORMATTER" content="Arachnophilia 4.0">
		<meta name="description"  content="korte beschrijving van de pagina">
		<meta name="keywords"  content="trefwoorden, die, slaan, op, de, pagina">
		<meta name="publisher" content="Jan Jansen">
		<meta name="Author" content="Peter Vazed">
		<meta name="robots" content="index, follow">
		<meta name="revisit" content="7 days">
		<meta http-equiv=content-type content="text/html; charset=windows-1252">
		<meta http-equiv="Content-Style-Type" content="text/css">
		
				
<style type="text/css" media="screen">
body {
width:100%;
height:100%;
margin:0 auto;
text-align:left;
font-family:  verdana, "comic sans ms", arial, hevetica, sans-serif;
font-size:14px;
}
 #container
{
width: 800px;
margin: 1px auto;
background-color: #fff;
color: #333;
border: 1px solid gray;

}

#top
{
background-color: #ddd;
border-bottom: 1px solid gray;
margin: 0;
text-align: center;
}


#leftnav
{
float: left;
width: 140px;
margin: 0;
padding: 1em;
}

#rightnav
{
float: right;
width: 140px;
margin: 0;
padding: 1em;
}

#content
{
border-left: 1px solid gray;
border-right: 1px solid gray;
padding: 1em;
float:left;
}

#footer
{
clear: both;
margin: 0;
padding: .5em;
border:solid 2px #ff0000;
}
</style>
				<base href="http://www.vakantiehuis-stroza.nl/">
			</head>
		<body >
				
		<div id="container">
			<div id="top">
				<img src="titel4.jpg" alt="">
			</div>
			<div id="leftnav">
				Linken
				<br>
				<a href="index.html">Home</a><br>

				Algemene Informatie
				<br>
				Inrichting
				<br>
				Omgeving
				<br>
				Routebeschrijving
				<br>
				Handige adressen
				<br>
				Prijzen en Betaling
				<br>
			</div>
			<div id="rightnav">
				<p>
				Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh
				euismod tincidunt ut.
				</p>
			</div>
			<div id="content">
				<h2>
					Subheading
				</h2>
				<p>
				Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh
				euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
				ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl
				ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in
				hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu
				feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui
				blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla
				facilisi.
				</p>
				<p>
				Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit
				lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure
				dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore
				eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui
				blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla
				facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
				nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
				</p>
			</div>
			<div id="footer">
				Footer
			</div>
		</div>
		
	</body>
	
</html>

Dit gebruik je dus als opzet.
Menu zou eventueel nog met een style opgemaakt kunnen worden.
Je krijgt dus net zoveel pagina's als er linken zijn.

Dus nu geen iframes en javascript.
Bekijk de testpagina maar in de browsers welke je hebt.

En laat hier je code testen: http://validator.w3.org

:cool:
 
heeey, super!

ik ben vanavond begonnen alles opnieuw te maken(alle fouten verbeteren) en kijken wat er fout gaat, tot nu toe werkt alles nog goed(test nu de site ook in chrome), ga morgen weer verder.
Ik zal zeker wat jij hebt gegeven gebruiken dankje!
*als het af is, zal ik zeggen wanneer het online is en of de website het doet :)

tks voor alles :D
 
Het is gelukt, heb de hele site foutloos opnieuw gemaakt, andere tabbladen en hij doet het in elke browser :D

tks voor de help
 
Goed dat het gelukt is.:thumb:

Evenwel:
nu nog de kleine plaatjes terugbrengen tot ca 5kb per stuk.
Nu zijn ze wel 70 kb per stuk, kost je bandbreedte en traag inladen.
Verkleinen kan met irfanview.

:cool:
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan