Website Niet Goed in Internet Explorer

Status
Niet open voor verdere reacties.
B

bvanleeuwen254

Gebruiker
Lid geworden
12 feb 2008
Berichten
243
Hallo,

Ik kwam er net achter dat onze website, http://joopvanleeuwen.nl, het niet doet in Internet Explorer, althans, je kan de website gewoon open. Maar er staat een balk van ongeveer 10 px rechts in beeld, alles werkt gewoon goed, maar die balk staat er. Onder Google Chrome en andere browsers werkt het gewoon goed, weet iemand waardoor dit komt? Ik heb zelf gekeken, maar ik kan het niet vinden.

Alvast bedankt voor jullie hulp,

Bob van Leeuwen
 
kijk eens naar foto 1 waar je eens op moet drukken ( het kan helpen)

foto1.JPG

kijk bij de pijl en druk daar op
 
Al gedaan, en helpt niet in IE 9, al zou het werken, je ken zover ik het niet weet die standaard aan krijgen op je website voor de IE gebruikers. Dus is het geen oplossing voor ons.
 
Kwestie van een doctype erboven zetten inplv. alleen <html>

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">
<head>
etc.
 
Laatst bewerkt:
Dan gaat het probleem met de witte streep aan de rechter kant weg, maar dan krijg ik op alle browser dat de pagina's er compleet anders uit gaan zien, dat kan je zien als je naar de website gaat, de start pagina heb ik aangepast, maar als je dan bijv. naar prijslijst gaat, zul je zien dat het er eerst heel anders uit zag, de tabellen zijn opeens heel anders geworden.

In compatbalitijd modus van IE, doet de startpagina het wel zoals het moet.
 
Laatst bewerkt:
"Compleet anders" zie ik niet. Ik zie wel een verschil met de marge aan de bovenkant.
En dat je &euro; moet gebruiken in de prijslijst.
 
Alle margers worden veranderd, dat versta ik onder compleet anders, ik zit er over te denken om te kijken dat ik dit kan veranderen doormiddel van een DIV structuur.
 
Wat eerst eigenlijk moet doen is de fouten eruit halen die hij nu aangeeft omdat er nu wel een doctype in staat.
http://validator.w3.org/#validate_by_input
Je kan best tabellen gebruiken binnen divs maar mooier is idd alles met divs en css te doen maarja dan wordt het wel handwerk
en ik zag iets van Fog Creek CityDesk staan dus.....
 
Over Fog Creek CityDesk, dat is de software die de vorgie beheerder van de website gebruikte, ik probeer al langere tijd het weg te krijgen, maar het blijft maar terug komen.

Ik zal naar die link gaan kijken.
 
Hardnekkig spul :shocked:
Dat plaatje komt bij mij tegen de bovenkant als je #container{margin-top:-13px;} doet.
Misschien scheelt dat weer iets.
 
Dan gaat hij inderdaad naar boven, ik heb besloten de hele website opnieuw te maken, zodat het allemaal wat beter werkt, er zijn nm. nog meer dingen die niet kloppen in browsers zoals Chrome, FF en Opera, maar welk goed werken in Internet Explorer, omdat toen de website werdt gemaakt IE nog maar gebruikt werdt, en er bijna geen andere browser was.
 
Doe dat maar ja.
Een doctype erboven en valideren dan heb je de meeste kans dat hij in alle browsers hetzelfde werkt.

Misschien kun je hier iets mee maken:

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">
<head>
<title>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<meta name="robots" content="index,follow" />
<meta name="Language" content="nl" />
<meta http-equiv="pragma" content="cache" />
<meta name="revisit-after" content="2 days" />
<meta name="description" content="xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx" />
<meta name="keywords" content="xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx" />

<style type="text/css">

* {
outline : none;
}
body {
margin : 0;
padding : 0;
background-color : #000;
font-size : 90%;
font-famaily : "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
border : none;
}
#container, #header, #footer {
min-width : 980px;
max-width : 1250px;
}
#container {
background-color : #f7e4b0;
position : relative;
border : 1px solid #696969;
margin : 0 auto;
margin-bottom:50px;
}
#header {
background-color : #A76C3B;
height : 120px;
position : relative;
margin : 0 auto;
}
#left {
float : left;
width : 170px;
background-color : #f7e4b0;
}
#menu {
margin : 0 0 0 -25px;
}
#inhoud {
background-color : #fdf6e0;
min-width : 760px;
max-width : 1030px;
padding : 0 0 0 50px;
margin : 0 0 0 170px;
color : #000;
}
#tekst {
background-color : #fdf6e0;
float : left;
width : 95%;
margin : 30px 0 0 0;
color : #000;
padding : 0 0 50px 0;
}
#footer {
background-color : #5A2F0C;
height : 40px;
text-align : center;
}
.clear {
clear : both;
}
.item {
list-style-type : none;
line-height : 18px;
}
.item a{
font-size: 14px;
font-family: Arial;
}
a:link, a:visited {
color : #000;
text-decoration : none;
padding:2px;
}
a:hover {
color : #fff;
background-color : #462701;
text-decoration : none;
padding:2px;
}
a:active {
color : #fff;
text-decoration : none;
padding:2px;
}
h1, h2, h3, h4, h5, h6 {
font-family : Georgia, Verdana;
color : #9F632A;
text-shadow:1px 1px 1px #555;
}
h1 {
font-weight : bold;
font-size : 23px;
}
h2, h3, h4, h5, h6{
margin-top:25px;
margin-bottom:-10px;
font-size : 16px;
}
p {
font-family : "Lucida Sans Unicode", "Trebuchet MS", sans-serif;
color : #222;
text-align : justify;
font-size : 13px;
line-height:20px;
}
</style>

</head>
<body>

<div id="container">
<div id="header"></div>
<div id="left">
<div id="menu">
<ul>
<li class="item"><a href="#" target="_self" title="xxxxxxxxxxxxxxxxxxxxxxxx">menu item menu item</a></li>
<li class="item"><a href="#" target="_self" title="xxxxxxxxxxxxxxxxxxxxxxxx">menu item menu item</a></li>
<li class="item"><a href="#" target="_self" title="xxxxxxxxxxxxxxxxxxxxxxxx">menu item menu item</a></li>
<li class="item"><a href="#" target="_self" title="xxxxxxxxxxxxxxxxxxxxxxxx">menu item menu item</a></li>
<li class="item"><a href="#" target="_self" title="xxxxxxxxxxxxxxxxxxxxxxxx">menu item menu item</a></li>
<li class="item"><a href="#" target="_self" title="xxxxxxxxxxxxxxxxxxxxxxxx">menu item menu item</a></li>
<li class="item"><a href="#" target="_self" title="xxxxxxxxxxxxxxxxxxxxxxxx">menu item menu item</a></li>
<li class="item"><a href="#" target="_self" title="xxxxxxxxxxxxxxxxxxxxxxxx">menu item menu item</a></li>
<li class="item"><a href="#" target="_self" title="xxxxxxxxxxxxxxxxxxxxxxxx">menu item menu item</a></li>
<li class="item"><a href="#" target="_self" title="xxxxxxxxxxxxxxxxxxxxxxxx">menu item menu item</a></li>
<li class="item"><a href="#" target="_self" title="xxxxxxxxxxxxxxxxxxxxxxxx">menu item menu item</a></li>
<li class="item"><a href="#" target="_self" title="xxxxxxxxxxxxxxxxxxxxxxxx">menu item menu item</a></li>
<li class="item"><a href="#" target="_self" title="xxxxxxxxxxxxxxxxxxxxxxxx">menu item menu item</a></li>
<li class="item"><a href="#" target="_self" title="xxxxxxxxxxxxxxxxxxxxxxxx">menu item menu item</a></li>
<li class="item"><a href="#" target="_self" title="xxxxxxxxxxxxxxxxxxxxxxxx">menu item menu item</a></li>
<li class="item"><a href="#" target="_self" title="xxxxxxxxxxxxxxxxxxxxxxxx">menu item menu item</a></li>
<li class="item"><a href="#" target="_self" title="xxxxxxxxxxxxxxxxxxxxxxxx">menu item menu item</a></li>
<li class="item"><a href="#" target="_self" title="xxxxxxxxxxxxxxxxxxxxxxxx">menu item menu item</a></li>
</ul>
</div><!-- end menu -->
</div><!-- end left -->

<div id="inhoud">
<div id="tekst">

<h1>Min. 980px &amp; Max. 1250px breedte</h1>

<p>
<strong>Werkt als een trein! Gratis en voor niks gekregen van www.copyrightvrijeplaatjes.nl</strong><br /><br />
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna
Aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
Cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna
Aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
Cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna
Aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
Cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
</p>

<h2>Lorem ipsum dolor sit amet, consectetur</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna
Aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
Cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna
Aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
Cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna
Aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
Cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
</p>

</div><!--end tekst vak-->

<div class="clear"></div>

</div><!--end inhoud-->

<div id="footer">
</div><!--end footer-->

</div><!--end container-->
</body>
</html>
 
Dank je! Daar zal ik zeker gebruik van gaan maken, volgens mij is het tegenwoordig ook niet meer zo heel erg gebruikelijk dat je nog gebruikt maakt van tabellen.
 
Lijsten gebruik je meestal voor menu's of voor opsommingen.
Div's zijn denkbeeldige blokken waar je elementen mee kunt positioneren.
Tabellen zijn er om een tabel te tonen en niet om plaatjes of teksten te positioneren.
Zo zie ik 't ongeveer....
 
Ok, dank je, ik heb zelf nooit de moeite genomen om de website helemaal opnieuw te maken omdat het goed ging zo het ging heb ik het nooit gedaan, maar aangezien de browser wereld is veranderd moet ik wel.
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan