HTML / CSS : menus déroulants et texte balladeur (MAJ pb FF & IE

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : HTML / CSS : menus déroulants et texte balladeur (MAJ pb FF & IE

gros minet

Bonjour
Je suis en train de créer un premier site. J'ai fait des menus déroulants dans une bande en haut mais j'ai un problème : lorsque je passe la souris, le menu se déroule bien, mais le texte de la page ne reste pas dessous, il se sauve, de façon à être centré entre le menu déroulé et le bord de la page.
Que faire ?

MAJ
- sous Firefox : le fait de dérouler un menu fait se décaler tout le milieu du site (texte et images) entre le menu déroulé et le bord de la page. J'ai résolu le problème pour les paragraphes en mettant l'argument "position:absolute" dans mon css (au style texte_milieu). Par contre, toujours le même problème pour le titre. J'ai donc mis la même chose au style titre, mais cette fois toute la mise en forme est décalée.
Comment améliorer cela ?

- Sous Internet explorer : ça ne marche pas bcp mieux...
> j'ai un message comme quoi explorer a empeché le contenu actif du fichier de fonctionner (le javascript du menu j'imagine). Résultat : les menus ne marchent pas. Je ne me vois pas autoriser des choses sur un site que je ne connais pas, les éventuels visiteurs auront sûremnet la même réaction
> si je clique quand même : je n'ai plus le problème du centrage mais un autre. Mon menu est situé dans la bande bleue, si je déroule le menu, toute la bande bleue s'agrandit!
Comment arranger ça ?
Voici mon css :

Code :

body
{
padding:0;
position: absolute;
width: 100%;
height: 100%;
margin:0
}
.haut
{
width: 100%;
height: 12%;
background-color: #06c;
font-size: 18px;
font-weight: bold;
text-align: justify;
margin:0px;
paddingbotton:0;
paddingtop:0;
marginbotton:0;
}
.milieu
{
width: auto;
height: 72%;
background-color: #FFFFFF;
font-size: 18px;
text-align: justify;
margin:10px;
overflow: auto;
}
.bas
{
width: auto;
height: 27px;
background-color: #06C;
font-size: 18px;
padding:6px;
text-decoration: none;
color:white;
}
.titre
{
text-align:center;
font-size:30px;
font-style: italic;
font-weight: bold;
background-color: #FFFFFF;
}
.texte_milieu
{
text-align:justify;
font-size:18px;
margin:20px;
background-color: #FFFFFF;
}
a:link
{
text-decoration: none;
color:black;
}
a:visited
{
text-decoration: none;
color: red;
}
a:active
{
text-decoration: none;
color: #FF3300;
}
a:hover
{
text-decoration:none;
color:white;
background-color:#06C;
}
.titre_paragraphe
{
text-align:left;
font-style:italic;
font-size:36px;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: 20px; /* placement du menu, à modifier selon vos besoins */
top: 0;
left: 0;
z-index:100;
width: 100%; /* correction pour Opera */
}
#menu dl {
float: left;
width: 8em;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #0066a6;
border: 1px solid gray;
margin: 1px;
color:white;
}
#menu dd {
display: none;
border: 1px solid gray;
}
#menu li {
text-align: center;
background: #fff;
}
#menu li a
{
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu dt a {
color: white;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
background: #0093cc;
color:white;
}

Message édité par gros minet le 11-03-2005 à 20:46:12

Publicité

masklinn

í dag viðrar vel til loftárása

il faut placer le men et ses éléments de manière absolue ou fixed afin de le faire sortir du flux (sinon il influence le reste de la page au niveau du placement)

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody

gros minet

J'ai mis un "position:absolute" dans "texte milieu" et ça marche pour le texte.
Par contre j'ai mis la même chose dans "titre" : le problème est réglé mais la mise en forme du titre et du texte milieu d'origine n'est plus respectée. Que modifier ?
Merci

gros minet

AUtre problème : le titre se déplace toujours, le texte du milieu ne se déplace plus, mais on le voit à travers le menu et on ne peut pas cliquer sur l'item du menu à l'endroit où il y a le texte. Que faire ?

FORUM HardWare.fr

Programmation

HTML/CSS

HTML / CSS : menus déroulants et texte balladeur (MAJ pb FF & IE

Sujets relatifs
CSS : div qui prendre 100% de la hauteur	comment insérer plusieurs tables à partir d'un fichier texte
[CSS]Scrolling Firefox	[CSS] - De l'utilité de plusieurs feuilles CSS
Appeler une CSS dans code PHP ?	CSS : probleme de positionnement d'un bloc
ASP ajouter une page html dans le mail.body d'un email	[RESOLU] [CSS] aligner deux DIV sans position absolu ???
Recherche éditeur de texte pour programmer qui ne s'installe pas	Ouvrir un fichier texte avec librairie wxWidgets...
Plus de sujets relatifs à : HTML / CSS : menus déroulants et texte balladeur (MAJ pb FF & IE

Page générée en 0.052 secondes