Bonjour,
J'ai crée une interface regroupant un ensemble de div au milei duquel se trouve une iframe et j'aimerai centrer le tout horizontalement et pourquoi pas verticalement.
Ca fait un tas d'essais que je fais et je n'arrive à rien, avez vous une solution à m'apporter ?
Voici mon code :
<!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 ="fr" lang= "fr">
<head>
<title>Menu déroulant horizontal</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript">
<!--
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
for (var i = 1; i<=10; i++) {
if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
}
if (d) {d.style.display='block';}
}
//-->
</script>
<style type="text/css">
<!--
/* CSS issu des tutoriels
http://css.alsacreations.com */
body {
margin: 0;
padding: 0;
background: white;
font: 80% verdana, arial, sans-serif;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute;
top: 113px;
left: 58px;
z-index:105;
width: 849px;
height: 186px;
}
#menu dl {
float: left;
width: 12em;
margin: 0 1px;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #ccc;
border: 0px solid gray;
}
#menu dd {
border: 0px solid gray;
}
#menu li {
text-align: center;
background: #fff;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu dt a:hover {
background: #eee;
}
#site {
position: absolute;
z-index: 1;
top : 129px;
left : 151px;
color: #000;
padding: 0px;
border: 0px solid gray;
width: 660px;
height: 368px;
}
a {text-decoration: none;
color: black;
color: #222;
}
-->
</style>
<script language ="JavaScript" type= "text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>
* :
http://ebouks.free.fr/contenu.htm
<gras>" frameborder ="0" style= "top:0px;left:0px;width:660px;height:368px;" id="la_frame" name="la_frame" scrolling="yes">
http://ebouks.free.fr/fond-index2.jpg
" width ="660" height="368" border="0" usemap="#Map">
</html>
Merci d'avance pour votre aide.