Bonjour,
je me suis passablement perdu au milieu de mes div et je sais plus par quel bout régler mes problèmes. Mme si j'ai conscience qu'ils ont déjà du etre traité quelque part, j'ai beaucoup de mal à aborder tout ça. Je suis un peu pommé.
VOilà le site
http://s258365998.onlinehome.fr/christianne_benedetti/
Premièrement le footer est bien collé au bas de page sous ie, mais pas sous firefox ou chrome.
Sous firefox le #global est bien centré, mais sous ie tout est callé à gauche. J'ai essayé l'arrangement avec un text-align: center; mais ça créer d'autre problème.
voilà le code.
css
html
Merci d'avance pour toute information ou aiguillage vers des solutions.
je me suis passablement perdu au milieu de mes div et je sais plus par quel bout régler mes problèmes. Mme si j'ai conscience qu'ils ont déjà du etre traité quelque part, j'ai beaucoup de mal à aborder tout ça. Je suis un peu pommé.
VOilà le site
http://s258365998.onlinehome.fr/christianne_benedetti/
Premièrement le footer est bien collé au bas de page sous ie, mais pas sous firefox ou chrome.
Sous firefox le #global est bien centré, mais sous ie tout est callé à gauche. J'ai essayé l'arrangement avec un text-align: center; mais ça créer d'autre problème.
voilà le code.
css
/* mise à zero des margin/padding */
html,body, p, h1, h2, h3, ul, li {
margin:0;
padding:0;
}
html,body {
height: 100%;
}
body {
background-color:#d79b45;
font: 0.625em/1em Verdana, Geneva, Arial, Helvetica, sans-serif;
color:white;
font-family:verdana;
font-size:100%
}
/* Structure */
#logofond {
background-image:url(./images/logofond.jpg);
background-repeat:repeat-x;
height:500px;
position:absolute;
width:100%;
}
#global {
/*background-color:#d79b45;*/
margin:0 auto;
min-height: 100%;
padding-bottom:145px;
position: relative;
width:770px;
}
#logo {
position:relative;
}
#page {
position:absolute;
padding-bottom:145px;
}
#footer {
background-image:url(./images/footer.jpg);
bottom:0;
height:45px;
position:absolute;
width:100%;
}
#footer p {
color:white;
font-family:times;
font-style:italic;
font-size:1.2em;
}
#menu {
background:url(./images/bi.gif);
background-repeat:repeat;
font-family:times;
height:30px;
margin:0 auto;
text-align:center;
html
<html>
<head>
<title>Christianne Benedetti</title>
<link href="styles3.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="logofond">
</div>
<div id="global">
<div id="logo">
<h1><a title="Christianne Benedetti, Peintre orientaliste" href="./index.htm"><IMG src="./images/logo.jpg" alt="Christianne Benedetti, Peintre orientaliste" height="145" width="770" border="0"></a></h1>
</div> <!-- logo -->
<div id="menu">
<ul>
<li><a href="#">Accueil</a></li>
<li><a href="#">Biographie</a></li>
<li><a href="#">Médaillles de l'artiste</a></li>
<li><a href="#">Galerie tableaux</a></li>
<li><a href="#">Contacts</a></li>
</ul>
</div> <!-- menu -->
<div id="page">
<h3>Bienvenue!</h3>
<br/>
<p>Lorem ipsum dolor sit amet,
</p>
</div> <!-- page -->
</div>
<div id="footer">
</div> <!-- footer -->
</body>
</html>
Merci d'avance pour toute information ou aiguillage vers des solutions.
.
)
Je travaille toujours en Strict et pour une raison qui m'échappe, j'ai toujours cru que je devais utiliser text-align:center au body pour que ça fonctionne bien dans Internet Explorer 6. Je me souviens d'ailleurs très bien que je testais dans IE6 et que j'ajoutais le text-align pour centrer mon cadre principal. Je viens pourtant de faire le test et tu as raison, ça ne sert strictement à rien. 