28172 sujets

CSS et mise en forme, CSS3

Float et IE [Résolu]

Bonjour,

Je sais que le problème des boites flottantes est récurent sous IE. J'ai écumé depuis hier soir les sujets des forums, tutoriaux et autres articles et je ne trouve pas de solution à mon problème qui ne doit pourtant pas être bien compliqué:

Mise en page simple:
1 bloc d'en-tête
1 bloc conteneur dans lequel se place en haut à gauche un bloc destiné à recevoir une liste de navigation (.navig dans le code ci dessous)

sous FF impeccable, sous IE, le bloc ".navig" n'apparait même pas, il semble ignoré par le navigateur... Smiley eek Smiley eek
Smiley eek Smiley eek 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <meta content="text/html; charset=ISO-8859-1"
 http-equiv="content-type">
  <title></title>
<style>
.entete{
width:90%;
height:164px;
border:solid 1px red;
}

.navig{
position:relative;
float:left;
width:200px;
height:400px;
border:solid 1px blue;
background-color:blue;
}

.cont{
width:90%;
height:500px;
overflow:hidden;
border: solid 1px  green;
}
</style>
</head>
<body>
<div  class="entete"></div>
<div  class="cont"
   <div class="navig">blablabla,blablabla...</div>

</div>
</body>
</html>


problème de syntaxe ???

Merci pour votre aide ça me bloque complètement ce pb sous IE !

A+
Philippe
Modifié par filtep (04 Mar 2010 - 14:48)
Salut,

ça fonctionnerait mieux en fermant le chevron de <div class="cont" Smiley murf

D'une manière générale il faut toujours valider son code.


Edit: au passage l'écriture de code quel qu'il soit demande de la rigueur. Si tu souhaites devenir plus rigoureux je t'invite à choisir un doctype qui te permettra de (t'obligera à ? Smiley langue ) le faire comme le XHTML 1.0 Strict.
Modifié par Heyoan (04 Mar 2010 - 12:53)
OUPS...
Merci Heyoan, désolé d'encombrer le forum avec ce genre de bêtise, j'ai honte Smiley confused

Ce qui est bizarre c'est que ça marchait bien sous FF même avec cet oubli ..??

En tous cas, chevron fermé c'est OK sous IE.

Merci de l'attention que tu portes à nos posts.

A+
Philippe
filtep a écrit :
OUPS...
Merci Heyoan, désolé d'encombrer le forum avec ce genre de bêtise, j'ai honte Smiley confused

Ce qui est bizarre c'est que ça marchait bien sous FF même avec cet oubli ..??

En tous cas, chevron fermé c'est OK sous IE.

Merci de l'attention que tu portes à nos posts.

A+
Philippe

J'en déduis que le problème est [Résolu] Smiley murf
Sujet clos
Aller à