Probleem met IE8

**radule vucetic** · 14-07-2009, 19:29

Hallo all

Ik ziet met een probleem...ik heb een website gemaakt met div tag's,probleem is : ik zie niet mijn "navigation menu" met IE8,maar in andrere browsers hij werkt goed ( Mozila 3.1,Safari,Chrome ),Hier zijn de codes:

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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>United Forces Designs | Huisstijl | Webdesign | Logo | Visitcard |</title>
<style type="text/css">
<!--

-->
</style>
<link href="css/layout.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.style1 {
    color: #000000;
    font-weight: bold;
}
.style2 {color: #666666; font-weight: bold; }
-->
</style>
</head>

<body>
<div class="contener">
<div class="logo"><img src="images/logo_img.png" alt="RV-Design" width="249" height="82" />
<div class="navigation"><a href="index.html">Home </a> * <a href="html/portfolio.html">Portfolio</a> * <a href="html/werkwijze.html">Werkwijze</a> * <a href="html/contact.html">Contact</a></div>
</div>
<div class="header"><img src="images/header_img.png" alt="United Forces" width="960" height="234" /></div>
<div class="text_area">
<div class="left">
</div>
<div class="center">
  <p>&nbsp;</p>
  <p><strong>Welkom to our website</strong></p>
  <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer lectus. Donec pharetra molestie nunc. Sed mattis, erat sit amet vehicula consectetur, purus pede consectetur quam, non tempor orci ligula ac mauris. Vestibulum lacus erat, egestas vel, posuere sit amet, molestie eget, ipsum. Cras diam nibh, placerat sit amet, dictum eget, varius a, nisi. Suspendisse ac tellus.</p>
  <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer lectus. Donec pharetra molestie nunc. Sed mattis, erat sit amet vehicula consectetur, purus pede .</p>
</div>
<div class="right"></div>
<div class="left_down"></div>
<div class="costumer">
  <blockquote>
    <h3 class="style2"><img src="images/comment.png" alt="Comments" width="24" height="24" /> Customer's</h3>
  </blockquote>
  <p><span class="style1">Johan</span> says:</p>
  <p> “Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer lectus. Donec pharetra molestie.”</p>
  <p> <span class="style1">Emma</span>  says:</p>
  <p> “Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer &quot;</p>
</div>
<div class="features">
  <blockquote>
    <p><strong><img src="images/promotion.png" alt="Features" width="24" height="24" /> Features</strong></p>
  </blockquote>
  <ul>
    <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer lectus.</li>
    <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer lectus.</li>
    <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer lectus.</li>
    <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </li>
  </ul>
  <p>&nbsp;</p>
</div>
<div class="prices">    
  <blockquote>
    <p><img src="images/euro_currency_sign.png"  alt="Prices" width="24" height="24" /><strong> Prices</strong>      </p>
  </blockquote>
  <ul>
  <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer lectus.</li>
    <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer lectus.</li>
    <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer lectus.</li>
  </ul>
  </div>
</div>
<div class="footer"><img src="images/footer_logo.png"  alt="logo" width="145" height="31" align="middle" />
<div class="Copyrights">Copyrights © 2009 - unitedforces.eu. All rights reserved  
 <div class="validator"><a href="http://validator.w3.org/check?uri=http%3A%2F%2Fwww.unitedforces.eu%2F">| HTML |</a> <a href="http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.unitedforces.eu%2F"> CSS |</a> </div> 

</div>
</div>
</div>

</body>
</html>

Of kijk naar die link: www.unitedforces.eu
Iemand een tip wat ik kan proberen om dit op te lossen?

**Daniel Klabbers** · 14-07-2009, 19:32

PHP Code:


<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">

**radule vucetic** · 14-07-2009, 19:36

Origineel gepost door Daniel Klabbers

PHP Code:


<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">

Werkt nog steeds niet :(((

**Tonnie Lubbers** · 14-07-2009, 20:32

Ook in FF3 zie ik het menu niet.
Je gebruikt dezelfde kleur voor het font als de achtergrond:
color: #FFFFFF;

Maar ik denk dat het menu daar niet hoort als ik IE7 zo bekijk, waar het menu overigens ook niet verschijnt, alleen de top en het oranje vlak wel tegen elkaar staan.

Een oorzaak zou ik zoeken in:
.logo {
width: 960px;

Daarnaast vraag ik me af waarom alles gefloat is en waarom een div left van 100px gebruikt wordt. Eea. dient zoals het eruit ziet slechts voor de opmaak. Alles floaten en extra elementen gebruiken maakt het alleen maar ingewikkeld.

Beter geschreven is een contener een container, maar dat is slechts peanuts ;)

**radule vucetic** · 14-07-2009, 20:38

Origineel gepost door Tonnie Lubbers

Je gebruikt dezelfde kleur voor het font als de achtergrond:
color: #FFFFFF;

Ja,klopt maar dat is niet probleem..kleur is niet probleem,hij werkt goed in andere browser maar niet in IE8...
Hj zit in div tag class"navigation" and die div tag zit IN div class"logo"...waat is dan probleem daar?
Aanvullend bericht:

Origineel gepost door Tonnie Lubbers

Ook in FF3 zie ik het menu niet.
Je gebruikt dezelfde kleur voor het font als de achtergrond:
color: #FFFFFF;

Maar ik denk dat het menu daar niet hoort als ik IE7 zo bekijk, waar het menu overigens ook niet verschijnt, alleen de top en het oranje vlak wel tegen elkaar staan.

Een oorzaak zou ik zoeken in:
.logo {
width: 960px;

Ok dan gaa ik dat probeeren kleinet te maken...

**MelvinKooper** · 14-07-2009, 20:52

geef je logo eens een float:left ;) volgens mij werkt dat wel

**Tonnie Lubbers** · 14-07-2009, 20:58

Het logo IS het probleem

Door een onduidelijke benaming van de elementen kwam ik in verwarring.

Eea. licht aangepast:

http://vision2form.nl/Temp/united/

**radule vucetic** · 14-07-2009, 21:01

Origineel gepost door MelvinKooper

geef je logo eens een float:left ;) volgens mij werkt dat wel

Dankje well Melvin.hij werk goed nu.

hartstikke bedankt
Aanvullend bericht:

Origineel gepost door Tonnie Lubbers

Het logo IS het probleem

Door een onduidelijke benaming van de elementen kwam ik in verwarring.

Eea. licht aangepast:

http://vision2form.nl/Temp/united/

Ja,klopt,logo was probleem.

Hartstikke bedankt Tonnie voor jouw suggesties and tips :)

**MelvinKooper** · 14-07-2009, 21:19

Graag gedaan, succes ermee :)

Probleem met IE8

Probleem met IE8

Tags voor dit bericht

Quick links

Sitedeals

Andere media

Over Sitedeals

Probleem met IE8

Probleem met IE8

Tags voor dit bericht

Quick links

Sitedeals

Andere media

Over Sitedeals

Inloggen