XHTML/CSS je deviens fou

Fermé
manguecarotte Messages postés 53 Date d'inscription lundi 19 février 2007 Statut Membre Dernière intervention 24 février 2010 - 21 juil. 2009 à 15:13
manguecarotte Messages postés 53 Date d'inscription lundi 19 février 2007 Statut Membre Dernière intervention 24 février 2010 - 21 juil. 2009 à 16:23
Bonjour,
j'ai un probleme dont je ne trouve pas la solution. Peut etre que de nouveaux yeux m'aideront?

J'aimerais faire remonter la div "ensemble_experiences" sur la gauche de la div "ensemble_formations".
Pour cela, je mets un "Float: left" sur "ensemble formations" (les deux div ont une taille): IE fonctionne tres bien, Firefox ne comprends plus rien. Il mets l'un au dessous de l'autre.

Je mets le code, si vous trouvez l'erreur, je serais ravi de la connaitre:

HTML:

<div id="ensembleformations">

<div id="titre_formations">Formations</div>

<div id="texte_formations">
<ul>
<li><strong><span class="date">2008 :</span> Validation Acquis Expérience : Développeur d’Applications Multimédia</strong> <br />
            à Doranco Espace Multimédia - Paris<br /><br /></li>

<li><strong><span class="date">2003 :</span> Bac Professionnel Communication Graphique - Mention bien </strong><br />
            au lyçée professionnel Paul Hermann - Ile de la Réunion<br /><br /></li>

<li><strong><span class="date">2001 :</span> Certificat Aptitude Professionnel Communication Graphique</strong><br />
            au lyçée professionnel Paul Hermann - Ile de la Réunion<br /><br /></li>

<li><strong><span class="date">1999 :</span> Brevet des collèges</strong><br />
            au collège Adrien Cadet - Ile de la Réunion<br /><br /></li>
</ul>
</div>
</div>

<div id="ensembleexperiences">
<div id="experiencestitre">Expériences professionnelles</div>


<div id="texte_experiences"><ul>
<li><strong><span class="date">2009 :</span> Formateur Adobe CS4 </strong> <br />
            à Doranco Espace Multimédia - Paris<br /><br /></li>

<li><strong><span class="date">2007 :</span> Infographiste / Webdesigner </strong><br />
            à Houra - Paris<br /><br /></li>

<li><strong><span class="date">2006 :</span> Infographiste / Webdesigner</strong><br />
            à C Sublime - Paris<br /><br /></li>

<li><strong><span class="date">2005 :</span> Infographiste</strong><br />
            à Agir Média - Toulouse<br /><br /></li>

<li><strong><span class="date">2004 :</span> Infographiste</strong><br />
            à Sud Alliance Marketing - Toulouse<br /><br /></li>
</ul>


</div></div>

et le CSS:

#ensembleformations{
width: 400px;
height: 230px;
float: left;
}

#titre_formations {
color : #c31515;
font-size : 27px;
margin-left : 5%;
}

#texte_formations{
font-size: 12px;
color: #898989;

}


#ensembleexperiences{
width: 400px;
height: 230px;

}


#experiencestitre {
color : #c31515;
font-size : 27px;
margin-left : 5%;

}

#texte_experiences{
font-size: 12px;
color: #898989;
}

ul{
list-style: circle;
}
.date{
color: #000;
}

3 réponses

Quel est le Doctype du document ?
0
Et pendant que j'y suis,
<div id="titre_formations">Formations</div>


Ce ne serait pas mieux un vrai <h1> ou <h2> ?
0
manguecarotte Messages postés 53 Date d'inscription lundi 19 février 2007 Statut Membre Dernière intervention 24 février 2010 4
21 juil. 2009 à 16:23
Voici le doctype:
<!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>Nicola Florence Graphiste</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
</head>

Pour le H1, il doit y avoir du texte avant ces rubriques la. Il y en aura.

Le doctype peut me poser probleme ?
0