Comme vous aller le remarquer l'affichage n'est pas pareil sur ie que sous firefox : je precise au depart tout semble normal. Mais quand vous commencer par reduire la fenetre d'affichage de ie : les botons du menu horizontal glissent vers le bas. Alors que su firefox il reste sur place.
pouriez vous me coriger mon code? + une petite explication de votre correction.
Ah : dans les colonne de droite je prevoi metrre d'autre bloc
------code css ----
-----code html -----
Modifié par hnonossi (25 Oct 2007 - 15:09)
pouriez vous me coriger mon code? + une petite explication de votre correction.
Ah : dans les colonne de droite je prevoi metrre d'autre bloc
------code css ----
body {
margin : 0;
padding : 0 20px;
text-align : center;
background-color : #fff8dc;
font : 12px sans-serif;
text-align : left;
}
div#entete, div#pied, div#conteneur {
border : 1px solid black;
/*width: expression(document.clientWidth <= 800? "800px" : (document.clientWidth >= 1280? "1280px" : "auto"));*/
min-width : 800px;
max-width : 1280px;
}
div#conteneur {
position : relative;
margin : 0 auto;
height: 1%;
padding: 0 10px;
}
div#entete {
margin : 10px auto -1px auto;
}
div#entete h1 {
margin : 5px;
}
div#gauche {
position : absolute;
top : 0;
bottom : 0;
left : 0;
width : 170px;
padding : 10px;
}
div#contenue {
margin-left : 171px;
background : white;
padding : 10px;
margin-right : 171px;
border : 1px solid white;
border-left : 1px solid black;
border-right : 1px solid black;
}
div#droite {
position : absolute;
top : 0;
bottom : 0;
right : 0;
width : 170px;
padding : 5px;
}
div#pied {
margin : -1px auto 0 auto;
}
.hovermenu{
position : relative;
/*width: expression(document.clientWidth <= 800? "800px" : (document.clientWidth >= 1280? "1280px" : "auto"));*/
min-width : 800px;
max-width : 1280px;
height: 20px;
}
.hovermenu ul{
font: bold 13px arial;
padding:0;
margin:0;
margin-top: 4px;
margin-bottom: 1px;
}
li{float:left;}
.hovermenu ul li{
list-style: none;
display: inline;
width:100px;
}
.hovermenu ul li a{
padding: 2px 0.5em;
text-decoration: none;
color: black;
border: 1px solid #FFF2BF;
}
.hovermenu ul li a:hover{
background-color: #FFE271;
border-style: outset;
}
html>body .hovermenu ul li a:active{ /* applique un effet mousedown sur les navigateurs autres que IE */
border-style: inset;
}
-----code html -----
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title></title>
<meta name="keywords" content="toto" />
<meta content="fr" http-equiv="content-language"/>
<meta http-equiv="content-type" content="text/html"; charset="iso-8859-1"/>
<link rel='stylesheet' type='text/css' href='style.css' />
</head>
<body>
<div id="entete">
<h1>Enttoooo</h1>
</div>
<div class="hovermenu">
<ul>
<li><a href="#">Menusadsdad</a></li>
<li><a href="#">Menuddsfsdd2</a></li>
<li><a href="#">Menuerrgdfd3</a></li>
<li><a href="#">Menugefgegr4</a></li>
<li><a href="#">Menughghfh5</a></li>
<li><a href="#">Menugfhgfhf6</a></li>
<li><a href="#">Menufgdfdgf7</a></li>
<li><a href="#">Menugererggr</a></li>
</ul>
</div>
<div id="conteneur">
<div id="gauche">
dazedzaedzdddazdazdazd
zaedaazre taereytyryr
reyzyrzytrrt
ezadfgtkjryhtrjhety
trhyerkitluitkrjt
rtzjkrliutkyj
tryjkulitko
fdzadfaezrfgzegz
azerfae"ztegfzef
zefgzetgertg
ezrfazereztez
ezrfzerzerezr
ezrzerezrezrezrez
ezrfazereztezezr
zefgzetgertgez
rze
ezadfgtkjryhtrjhetyrez
rez
ezadfgtkjryhtrjhetyez
rzeez
rzeezre
readonlye
rzer
er
erez
ezrfazereztezezre
ezadfgtkjryhtrjhetyezr
ezadfgtkjryhtrj
</div>
<div id="contenue">
<p>For many years, the X Consortium was the chief opponent of copyleft.
t exerted both moral suasion and pressure to discourage free software
developers from copylefting their programs. It used moral suasion by suggesting
that it is not nice to say no. It used pressure through its rule that copylefted software
could not be in the X Distribution.Why did the X Consortium adopt this policy? It had to do
with their definition of success. The X Consortium defined success as popularity--specifically,
getting computer companies to use the X Window System. This definition put the computer
</p>
<p>For many years, the X Consortium was the chief opponent of copyleft.
t exerted both moral suasion and pressure to discourage free software
developers from copylefting their programs. It used moral suasion by suggesting
that it is not nice to say no. It used pressure through its rule that copylefted software
could not be in the X Distribution.Why did the X Consortium adopt this policy? It had to do
with their definition of success. The X Consortium defined success as popularity--specifically,
</p>
</div>
<div id="droite">
dazedzaedzdddazdazdazd
zaedaazre taereytyryr
reyzyrzytrrt
ezadfgtkjryhtrjhety
trhyerkitluitkrjt
rtzjkrliutkyj
tryjkulitko
fdzadfaezrfgzegz
azerfae"ztegfzef
zefgzetgertg
ezrfazereztez
ezrfzerzerezr
ezrzerezrezrezrez
ezrfazereztezezr
zefgzetgertgez
rze
ezadfgtkjryhtrjhetyrez
rez
ezadfgtkjryhtrjhetyez
rzeez
rzeezre
readonlye
rzer
er
erez
ezrfazereztezezre
ezadfgtkjryhtrjhetyezr
ezadfgtkjryhtrj
</div>
</div>
<div id="pied">
piede de pazs,dlzkdzed,zled,data
</div>
<div id="pied">
piede de pazs,dlzkdzed,zled,data
</div>
</body>
</html>
Modifié par hnonossi (25 Oct 2007 - 15:09)
