Problème css avec mon menu
Sokren
-
Sokren -
Sokren -
Bonjour, j'ai un problème avec mon menu de droite quand le contenu de ma page est trop long. J'ai cherché sur plusieurs site avec des tutoriels mais je n'ai pas trouvé. Quand je le test sur firefox, le texte de mon contenu se décale et se met en dessous de mon menu, alors que sous IE 6, je n'ai pas eu de problème alors que sur le 7 c'est une véritable catastrophe.
Mon code css:
body {
background-color:#000000;
color:#b0b0b0;
text-align:justify;
}
div#bandeau {
width:100%;
height:100px;
}
a#link {
color:green;
text-decoration:none;
}
a#link2 {
color:#b0b0b0;
text-decoration:none;
}
a#link3 {
color:#000000;
}
div#bandalb1 {
float:left;
width:20%;
height:83%;
}
div#bandalb2 {
float:right;
width:20%;
height:83%;
}
div#bandalb3 {
width:100%;
height:20%;
text-align:center;
border-style:no-border;
}
div#menuindex {
float:left;
width:150px;
height:86%;
}
div#menubio {
float:left;
width:150px;
height:120%;
}
div#contenuindex {
width:100%;
height:400px;
text-align:center;
}
div#contenu {
width:100%;
height:400px;
}
div#artiste {
float:right;
height:100%;
}
#img2 {
height:200px;
}
h1 {
text-align:center;
text-decoration:underline;
color:#ffffff;
font-family:"Arial";
}
h3 {
color:#ffffff;
}
#info {
text-align:center;
color:#c00080;
}
hr {
color:blue;
}
Et voila mon code html:
<html>
<head>
<title>
Nana Mizuki
</title>
<link rel="stylesheet" type="text/css" href="css.css">
</head>
<body>
<div id="bandeau">
<h1>
Rosario + Vampire – Dancing in the velvet moon <hr/>
</h1>
</div>
<div id="menuindex">
-<a id=link2 href="./index.html">Accueil</a>
<br>-<a id=link2 href="./artistes.html">Artistes</a>
<br><img src="./images/lecture.jpg"><a id=link href="nana_mizuki.html"> Nana Mizuki</a>
<br><img src="./images/lecture.jpg"><a id=link href="hitomi.html"> Hitomi Kuroishi</a>
</div>
<div id="contenu">
<div id="artiste">
<center><img id=rosario src="http://www.coucoucircus.org/..."></center><hr/>
<h4 id="info">
Infos
</h4><hr/>
<br><img src="http://www.coucoucircus.org/images/boutons/lecture.jpg"> Titre Original : Dancing in the velvet moon – <img src="http://www.coucoucircus.org/images/boutons/lecture.jpg" style="visibility:hidden"> Ending Song
<br><img src="http://www.coucoucircus.org/images/boutons/lecture.jpg"> Anime : Rosario + Vampire
<br><img src="http://www.coucoucircus.org/images/boutons/lecture.jpg"> Album : STARCAMP EP
<br><img src="http://www.coucoucircus.org/images/boutons/lecture.jpg"> Artiste : Nana Mizuki
<br><img src="http://www.coucoucircus.org/images/boutons/lecture.jpg"> Année de diffusion de l'album : 2008
</div>
<p>
<br>Hakugin no honoo ten wo kogashite
<br>Tatoe kokoro wo hikisaitemo
<br>Anata dake ni sasagetai no
<br>Watashi no mune no –juujika– wo
</p>
<p>
<br>Nemuranai BERUBETTO no tsuki
<br>Kazarareta himitsu no heya
<br>Futarikiri sotto kagi wo kake
<br>Odorimashou –itazura– na toki ni yudanete
</p>
<p>
<br>Yasashiku hi wo tomoshita KYANDORU no you ni anata
<br>Aa torokasete agemashou
<br>Chikainasai eien wo
</p>
<p>
<br>Ai no kusari dare ni mo kowasenai
<br>Amaku kiyora na jumon kakete
<br>Anata dake ni yurusareru no
<br>Kinjirareta –MERODI– sae mo
<br>Jiyuu kakeru tsubasa ni naru
<br>Tsukamaete…hayaku watashi wo
</p>
<p>
<br>Akeru koto wo wasureta yoru ni
<br>Torawareta hoshi no izumi
<br>Hitorikiri sotto inoru you ni
<br>Yume wo miyou sameru koto nai yume wo
</p>
<p>
<br>Yami no naka shibarareta watashi wo mitsukedashite
<br>Aa kuruoshii sono kaori de
<br>Tsutsumikonde ima sugu ni
</p>
<p>
<br>Hakugin no honoo maiagaru sora
<br>Subete nomikonde kieusetemo
<br>Anata dake wo motometeru no
<br>Uzuku kodou wa tomerarenai
<br>Majiwaru futatsu no tamashii ga
<br>Itsuka kiseki wo okosu yo
</p>
<p>
<br>Unmei wa kimatteru no?
<br>Kaeru koto wa dekinakutemo
<br>Watashi nara atarashii inochi no kaze fukikonde ageru
</p>
<p>
<br>Ai no kusari dare ni mo kowasenai
<br>Amaku kiyora na jumon kakete
<br>Anata dake ni yurusareru no
<br>Kinjirareta –MERODI– sae mo
<br>Jiyuu kakeru tsubasa ni naru
<br>Tsukamaete hayaku…saa watashi wo
</p>
</div>
</body>
</html>
Voila le lien de ma page
http://zang77.free.fr/rosario.html
Merci de vos futur réponses
Mon code css:
body {
background-color:#000000;
color:#b0b0b0;
text-align:justify;
}
div#bandeau {
width:100%;
height:100px;
}
a#link {
color:green;
text-decoration:none;
}
a#link2 {
color:#b0b0b0;
text-decoration:none;
}
a#link3 {
color:#000000;
}
div#bandalb1 {
float:left;
width:20%;
height:83%;
}
div#bandalb2 {
float:right;
width:20%;
height:83%;
}
div#bandalb3 {
width:100%;
height:20%;
text-align:center;
border-style:no-border;
}
div#menuindex {
float:left;
width:150px;
height:86%;
}
div#menubio {
float:left;
width:150px;
height:120%;
}
div#contenuindex {
width:100%;
height:400px;
text-align:center;
}
div#contenu {
width:100%;
height:400px;
}
div#artiste {
float:right;
height:100%;
}
#img2 {
height:200px;
}
h1 {
text-align:center;
text-decoration:underline;
color:#ffffff;
font-family:"Arial";
}
h3 {
color:#ffffff;
}
#info {
text-align:center;
color:#c00080;
}
hr {
color:blue;
}
Et voila mon code html:
<html>
<head>
<title>
Nana Mizuki
</title>
<link rel="stylesheet" type="text/css" href="css.css">
</head>
<body>
<div id="bandeau">
<h1>
Rosario + Vampire – Dancing in the velvet moon <hr/>
</h1>
</div>
<div id="menuindex">
-<a id=link2 href="./index.html">Accueil</a>
<br>-<a id=link2 href="./artistes.html">Artistes</a>
<br><img src="./images/lecture.jpg"><a id=link href="nana_mizuki.html"> Nana Mizuki</a>
<br><img src="./images/lecture.jpg"><a id=link href="hitomi.html"> Hitomi Kuroishi</a>
</div>
<div id="contenu">
<div id="artiste">
<center><img id=rosario src="http://www.coucoucircus.org/..."></center><hr/>
<h4 id="info">
Infos
</h4><hr/>
<br><img src="http://www.coucoucircus.org/images/boutons/lecture.jpg"> Titre Original : Dancing in the velvet moon – <img src="http://www.coucoucircus.org/images/boutons/lecture.jpg" style="visibility:hidden"> Ending Song
<br><img src="http://www.coucoucircus.org/images/boutons/lecture.jpg"> Anime : Rosario + Vampire
<br><img src="http://www.coucoucircus.org/images/boutons/lecture.jpg"> Album : STARCAMP EP
<br><img src="http://www.coucoucircus.org/images/boutons/lecture.jpg"> Artiste : Nana Mizuki
<br><img src="http://www.coucoucircus.org/images/boutons/lecture.jpg"> Année de diffusion de l'album : 2008
</div>
<p>
<br>Hakugin no honoo ten wo kogashite
<br>Tatoe kokoro wo hikisaitemo
<br>Anata dake ni sasagetai no
<br>Watashi no mune no –juujika– wo
</p>
<p>
<br>Nemuranai BERUBETTO no tsuki
<br>Kazarareta himitsu no heya
<br>Futarikiri sotto kagi wo kake
<br>Odorimashou –itazura– na toki ni yudanete
</p>
<p>
<br>Yasashiku hi wo tomoshita KYANDORU no you ni anata
<br>Aa torokasete agemashou
<br>Chikainasai eien wo
</p>
<p>
<br>Ai no kusari dare ni mo kowasenai
<br>Amaku kiyora na jumon kakete
<br>Anata dake ni yurusareru no
<br>Kinjirareta –MERODI– sae mo
<br>Jiyuu kakeru tsubasa ni naru
<br>Tsukamaete…hayaku watashi wo
</p>
<p>
<br>Akeru koto wo wasureta yoru ni
<br>Torawareta hoshi no izumi
<br>Hitorikiri sotto inoru you ni
<br>Yume wo miyou sameru koto nai yume wo
</p>
<p>
<br>Yami no naka shibarareta watashi wo mitsukedashite
<br>Aa kuruoshii sono kaori de
<br>Tsutsumikonde ima sugu ni
</p>
<p>
<br>Hakugin no honoo maiagaru sora
<br>Subete nomikonde kieusetemo
<br>Anata dake wo motometeru no
<br>Uzuku kodou wa tomerarenai
<br>Majiwaru futatsu no tamashii ga
<br>Itsuka kiseki wo okosu yo
</p>
<p>
<br>Unmei wa kimatteru no?
<br>Kaeru koto wa dekinakutemo
<br>Watashi nara atarashii inochi no kaze fukikonde ageru
</p>
<p>
<br>Ai no kusari dare ni mo kowasenai
<br>Amaku kiyora na jumon kakete
<br>Anata dake ni yurusareru no
<br>Kinjirareta –MERODI– sae mo
<br>Jiyuu kakeru tsubasa ni naru
<br>Tsukamaete hayaku…saa watashi wo
</p>
</div>
</body>
</html>
Voila le lien de ma page
http://zang77.free.fr/rosario.html
Merci de vos futur réponses
A voir également:
- Problème css avec mon menu
- Menu déroulant excel - Guide
- Canon quick menu - Télécharger - Utilitaires
- Windows 11 menu contextuel classique - Guide
- Windows 11 menu démarrer classique - Guide
- Réinitialiser menu démarrer windows 10 - Guide