Pb avec <DIV>
Résolu
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;
}
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;
}
Configuration: Mac OS X Firefox 2.0.0.11
10 réponses
-
et le code de la page html?
-
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> -
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>
-
Dsl mais il bouge toujours même lorsque je fixe les elements de ma page...
-
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.
-
Le probleme vien des float.
-
Merci!! Ca y est ca marche!!
-
C'etait bien les float ?
-
Oui c'etait le float qui n'allait pas. Je l'ai simplement enlevé.
Merci encore -
De rien ;) a bientot
