C'est pas mal, ton site comporte très peu de styles en lignes, donc on peut facilement t'aider. Trois remarques quand même :
- il n'est pas nécessaire de spécifier position: relative pour chaque conteneur (cette propriété n'a d'intérêt que si des éléments enfants de ton conteneur utilisent un positionnement absolu)
- la surabondance des "float" provient vraisemblablement de la même incompréhension de cet aspect des CSS
- le conteneur div#pieddad gagnerait à être inclus dans le conteneur principal (div#conteneurdad)
Pour en venir à ton problème d'adaptation à la taille de la fenêtre, supprime quelques "float" et surtout le "with: 730px;", ajoute une marge et c'est fini :
Code : Tout sélectionner
/* Generated by KaZcadeS */
body {
background-image: url(fondtout1000.png);
background-position: right;
background-repeat: repeat-y;
background-attachment: fixed;
background-color: #70c6ef;
}
#conteneurdad {
border-style: none;
margin-right: auto;
margin-left: auto;
position: relative;
}
#tetedad {
color: #990000;
font-family: Times New Roman,Times,serif;
text-align: center;
text-decoration: none;
background-repeat: no-repeat;
background-position: center;
background-image: url(tetedadsurweb.png);
height: 38px;
width: 100%;
}
#menudad {
color: #ffffcc;
float: left;
padding-top: 10px;
text-align: left;
margin-left: 10px;
}
#corpsdad {
text-align: left;
padding-right: 5px;
color: #ffffff;
padding-left: 0px;
padding-top: 20px;
margin-left: 160px;
}
#pieddad {
font-size: 8pt;
text-align: left;
background-repeat: no-repeat;
background-image: url(tetedadsurweb.png);
background-position: center bottom;
color: #ff6666;
width: 100%;
height: 35px;
}
h1 {
margin-bottom: 0%;
margin-top: 0%;
font-family: Arial,Helvetica,sans-serif;
}
h2 {
color: #000066;
font-family: Arial,Helvetica,sans-serif;
margin-top: 10px;
}
h3 {
color: #ffff99;
}
img {
margin: 10px 20px 10px 15px;
float: left;
}
.imagegauche {
float: left;
margin-right: 50px;
margin-left: 10px;
}
.imagedroite {
float: right;
margin-left: 20px;
}
#dadsurweb {
font-family: Arial,Helvetica,sans-serif;
text-align: left;
color: #3366ff;
}
#clignot {
text-decoration: blink;
}
a {
color: #ffffff;
}
a:hover {
color: #ffffff;
}
bouton {
padding: 5px;
text-align: center;
width: 120px;
height: 25px;
background-color: #000080;
}
a.bouton {
padding: 5px;
width: 120px;
height: 25px;
text-align: center;
font-weight: bold;
text-decoration: none;
font-family: Arial,Helvetica,sans-serif;
color: #33ccff;
background-position: center;
background-image: url(_bleu_1.jpg);
background-repeat: repeat-x;
}
a:visited {
color: #ffffff;
}
a.bouton:hover {
padding: 5px;
width: 120px;
height: 25px;
text-decoration: none;
text-align: center;
font-weight: bold;
background-color: #0000ff;
background-image: url(_bleu_4.jpg);
font-family: Arial,Helvetica,sans-serif;
color: #000099;
}
boutoninerte {
padding: 5px;
width: 120px;
text-decoration: none;
text-align: center;
font-weight: bold;
font-family: Arial,Helvetica,sans-serif;
color: #000099;
background-image: url(_bleu_4.jpg);
background-position: center;
height: 30px;
}
a.boutoninerte {
padding: 5px;
width: 120px;
text-decoration: none;
text-align: center;
font-weight: bold;
font-family: Arial,Helvetica,sans-serif;
color: #000099;
background-image: url(_bleu_4.jpg);
background-position: center;
height: 30px;
}
J'ai également rajouté une couleur de fond à <body> pour les écrans plus grands que 1000px.
dadpub a écrit :(avant abandon de NVU)
Suis-je le seul a être agacé par ce genre de "menace" ?
On n'est pas là pour faire grimper le nombre d'utilisateurs Nvu, mais pour aider les utilisateurs Nvu. Si tu veux utiliser un autre logiciel que Nvu (payant ou piraté), ne te gêne pas, mais je ne vois pas en quoi ça résoudra ton problème de CSS !
