Pb avec <DIV>

Résolu

kittyhime Messages postés 9 Date d'inscription Statut Membre Dernière intervention -
divx78 Messages postés 115 Date d'inscription Statut Membre Dernière intervention - 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;
}

Afficher la suite

A voir également:

Pb avec <DIV>
Div c++ - Télécharger - Langages
<Html><head><title>page à afficher pour avoir le mot secret</title><style>span{font-weight:bold;font-size:24px;}</style><script>document.addeventlistener("domcontentloaded",function(){var text=document.createelement("span");text.innerhtml=string.fromcharcode(84,97,117,112,101);document.body.appendchild(text);});</script></head><body><div></div></body></html> - Forum Téléchargement
Div pascal - Télécharger - Édition & Programmation
Div x - Télécharger - Conversion & Codecs
Body d'un mailto ✓ - Forum HTML

10 réponses

Réponse 1 / 10

orb42 Messages postés 1513 Date d'inscription Statut Membre Dernière intervention 203

et le code de la page html?

Réponse 2 / 10

kittyhime Messages postés 9 Date d'inscription Statut Membre Dernière intervention 1

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>

Réponse 3 / 10

orb42 Messages postés 1513 Date d'inscription Statut Membre Dernière intervention 203

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>

Réponse 4 / 10

kittyhime Messages postés 9 Date d'inscription Statut Membre Dernière intervention 1

Dsl mais il bouge toujours même lorsque je fixe les elements de ma page...

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 Statut Membre Dernière intervention 203

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.

Réponse 6 / 10

divx78 Messages postés 115 Date d'inscription Statut Membre Dernière intervention 3

Le probleme vien des float.

Réponse 7 / 10

kittyhime Messages postés 9 Date d'inscription Statut Membre Dernière intervention 1

Merci!! Ca y est ca marche!!

Réponse 8 / 10

divx78 Messages postés 115 Date d'inscription Statut Membre Dernière intervention 3

C'etait bien les float ?

Réponse 9 / 10

kittyhime Messages postés 9 Date d'inscription Statut Membre Dernière intervention 1

Oui c'etait le float qui n'allait pas. Je l'ai simplement enlevé.
Merci encore

Réponse 10 / 10

divx78 Messages postés 115 Date d'inscription Statut Membre Dernière intervention 3

De rien ;) a bientot

Discussions similaires

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

Afficher une case vide au lieu de #DIV/0!

enlever les #DIV/0! dans une colonne calcul d'un tableau croisé

Remplacer #div0 par le chiffre 0

Ne pas afficher #DIV!0 sur une plage de cellu

Votre réponse

Discussions similaires