Sujet Précédent Sujet Suivant

Pb avec <DIV>

Résolu/Fermé
kittyhime Messages postés 9 Date d'inscription lundi 17 décembre 2007 Statut Membre Dernière intervention 31 juillet 2009 - 17 déc. 2007 à 12:03
divx78 Messages postés 115 Date d'inscription dimanche 11 mars 2007 Statut Membre Dernière intervention 21 mars 2009 - 17 déc. 2007 à 14:03
Bonjour à tous!

J'ai un petit probleme pour la creation de mon site!
J'utilise des balises <div> pour creer un bandeau, un menu, le contenu ainsi qu'un pied de page.
Tout fonctionne correctement lorsque je visualise le résultat sur une grande fenetre mais lorsque je reduis celle-ci mon contenu se place sous mon menu!

Je vous joint mon code css. Je pense que le pb vient de la.

Est-ce que qqn pourais me dire quel est le pb?

J'attends vous réponses, pas trop compliquées svp!! Je suis pas très douée!

Kitty Hime


div {
text-align:left;
}

div#bandeau {
width:990px;
height:254px;
background-color:#FF0000;
}

div#menu {
float:left;
width:249px;
height:950px;
background-color:#CC0000;
}

div#menu_haut {
width:249px;
height:200px;
background-color:#CC0000;
}

div#menu_bas {
width:249px;
height:200px;
background-color:#CC0000;
}

div#contenu {
float:left;
width:741px;
height:950px;
background-color:#FFCCCC;
overflow:auto;
}

div#pied_page {
clear:both;
width:990px;
height:50px;
background-color:#660000;
}

body {
color: #D90115;
font-family: Geneva, Helvetica, sans-serif;
font-size: 12px;
}
A voir également:

10 réponses

Réponse 1 / 10
orb42 Messages postés 1513 Date d'inscription vendredi 26 octobre 2007 Statut Membre Dernière intervention 4 février 2024 203
17 déc. 2007 à 12:14
et le code de la page html?
0
Réponse 2 / 10
kittyhime Messages postés 9 Date d'inscription lundi 17 décembre 2007 Statut Membre Dernière intervention 31 juillet 2009 1
17 déc. 2007 à 12:21
Voila le code html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Bienvenue En Suisse</title>
<LINK REL="stylesheet" HREF="../Style/style_Standard.css" TYPE="text/css"
</head>

<body>
<div id="bandeau">
<img src="../Images/Bandeau.png"
alt="Badeau">
</div>

<div id="menu">
<div id="menu_haut">
<A class="type3" HREF="UnPeuDeCulture.html">
<img src="../Images/UnPeuDeCultureMenu.png"
title="Juste Pour Rire"
alt="Juste Pour Rire">
</A><BR><BR>
<A class="type1" HREF="histoire.html">Histoire De La Suisse</A><BR>
<A class="type1" HREF="drapeau.html">Drapeau Suisse</A><BR>
<A class="type1" HREF="langues.html">Langues Parlées</A><BR>
<A class="type1" HREF="Photo.html">Photo</A><BR>
<BR>
</div>

<div id="menu_bas">
<A class="type3" HREF="JustePourRire.html">
<img src="../Images/JustePourRireMenu.png"
title="Juste Pour Rire"
alt="Juste Pour Rire">
</A><BR><BR>
<A class="type1" HREF="francais_suisse.html">Expressions</A><BR>
<A class="type1" HREF="pub.html">Pub</A><BR>
<A class="type1" HREF="blague.html">Blagues</A><BR>
</div>
</div>

<div id="contenu">
<ul>
<li><a class="type2" href="francais_suisse.html">Le Français Des Suisses</a><br></li>
<li><a class="type2" href="blagues.html">Quelques P'tites Blagues Sur Les Suisses</a><br></li>
<li><a class="type2" href="pub.html">Publicités Suisses</a><br></li>
</ul>
</div>

<div id="pied_page"> </div>

</body>
</html>
0
Réponse 3 / 10
orb42 Messages postés 1513 Date d'inscription vendredi 26 octobre 2007 Statut Membre Dernière intervention 4 février 2024 203
17 déc. 2007 à 12:38
normalement ton menu du milieu ne bouge plus avec une <table>. Il faut "cadrer" les elements de ta page dans des tables.
ex: <table>, <td>...
Les menus de gauche bougent encore. A toi de jouer! 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html lang="fr"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> 
<title>Bienvenue En Suisse</title> 
<LINK REL="stylesheet" HREF="D:\DOCS\_A EFFACER\2.css" TYPE="text/css" 
</head> 

<body> 
<div id="bandeau"> 
<img src="../Images/Bandeau.png" 
alt="Badeau"> 
</div> 

<div id="menu"> 
<div id="menu_haut"> 
<A class="type3" HREF="UnPeuDeCulture.html"> 
<img src="../Images/UnPeuDeCultureMenu.png" 
title="Juste Pour Rire" 
alt="Juste Pour Rire"> 
</A><BR><BR> 
<A class="type1" HREF="histoire.html">Histoire De La Suisse</A><BR> 
<A class="type1" HREF="drapeau.html">Drapeau Suisse</A><BR> 
<A class="type1" HREF="langues.html">Langues Parlées</A><BR> 
<A class="type1" HREF="Photo.html">Photo</A><BR> 
<BR> 
</div> 

<div id="menu_bas"> 
<A class="type3" HREF="JustePourRire.html"> 
<img src="../Images/JustePourRireMenu.png" 
title="Juste Pour Rire" 
alt="Juste Pour Rire"> 
</A><BR><BR> 
<A class="type1" HREF="francais_suisse.html">Expressions</A><BR> 
<A class="type1" HREF="pub.html">Pub</A><BR> 
<A class="type1" HREF="blague.html">Blagues</A><BR> 
</div> 
</div> 
<table>
<div id="contenu"> 
<ul> 
<li><a class="type2" href="francais_suisse.html">Le Français Des Suisses</a><br></li> 
<li><a class="type2" href="blagues.html">Quelques P'tites Blagues Sur Les Suisses</a><br></li> 
<li><a class="type2" href="pub.html">Publicités Suisses</a><br></li> 
</ul> 
</div> 
</table>

<div id="pied_page"> </div> 

</body> 
</html>
0
Réponse 4 / 10
kittyhime Messages postés 9 Date d'inscription lundi 17 décembre 2007 Statut Membre Dernière intervention 31 juillet 2009 1
17 déc. 2007 à 13:05
Dsl mais il bouge toujours même lorsque je fixe les elements de ma page...
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 10
orb42 Messages postés 1513 Date d'inscription vendredi 26 octobre 2007 Statut Membre Dernière intervention 4 février 2024 203
17 déc. 2007 à 13:08
si j'attrape le coin inferieur droit de ma page sous IE et que lje reduis la fenetre n'importe comment, le menu que j'ai rectifié ne bouge plus 'un mm chez moi.
0
Réponse 6 / 10
divx78 Messages postés 115 Date d'inscription dimanche 11 mars 2007 Statut Membre Dernière intervention 21 mars 2009 3
17 déc. 2007 à 13:50
Le probleme vien des float.
0
Réponse 7 / 10
kittyhime Messages postés 9 Date d'inscription lundi 17 décembre 2007 Statut Membre Dernière intervention 31 juillet 2009 1
17 déc. 2007 à 13:55
Merci!! Ca y est ca marche!!
0
Réponse 8 / 10
divx78 Messages postés 115 Date d'inscription dimanche 11 mars 2007 Statut Membre Dernière intervention 21 mars 2009 3
17 déc. 2007 à 14:00
C'etait bien les float ?
0
Réponse 9 / 10
kittyhime Messages postés 9 Date d'inscription lundi 17 décembre 2007 Statut Membre Dernière intervention 31 juillet 2009 1
17 déc. 2007 à 14:02
Oui c'etait le float qui n'allait pas. Je l'ai simplement enlevé.
Merci encore
0
Réponse 10 / 10
divx78 Messages postés 115 Date d'inscription dimanche 11 mars 2007 Statut Membre Dernière intervention 21 mars 2009 3
17 déc. 2007 à 14:03
De rien ;) a bientot
0

Discussions similaires

comment remplacer un #div/0! par une cellule vide
zara70 -
Vaucluse -

3 réponses
erreur (#DIV/0) formule MOYENNE.SI.ENS
sara-87 -
sara-87 -

5 réponses
enlever les #DIV/0! dans une colonne calcul d'un tableau croisé
CECP95 -
CECP95 -

3 réponses
Afficher une case vide au lieu de #DIV/0!
fredo2610 -
m@rina -

4 réponses
Remplacer #div0 par le chiffre 0
Isa -
eriiic -

3 réponses