28220 sujets

CSS et mise en forme, CSS3

Fixer totalement son site

Salut tout le monde !

J'ai un soucis que me bloque pour continuer mon site (le remplir et refaire le design) : mes cadres sont pas fixes Smiley decu C'est à dire que si je reduit la fenêtre de mon navigateur, eh bien mes cadres se déplace (les petites canailles Smiley murf ).

Mon site est en XHTML 1.0 Strict, avec du CSS 2, fait au bloc-note.

Il n'y à aucuns tableau et il me semble qu'il est conforme W3C (j'ai pas encore cherché à vérifer Smiley rolleyes .)

Voila le code CSS du design :


/* ************************************************ ICI LE DESIGN **************************************** */

body {
margin: 0;
background-color: #eee;
}

#global {
padding: 10px;
width: 980x;
margin-left: auto;
margin-right: auto;
}

#header {
width: inherit;
height: 160px;
}

#logo {
float: left;
width: 800px;
height: 160px;
background-image: url(images/design/logo.gif);
background-repeat: no-repeat;
border: 0;
}

#recherche {
float: left;
border: 0;
margin-left: 20px;
font-family : Helvetica, Arial, Serif;
font-size: 12px;
}

#centre {
margin-top: 10px;
border: 0;
width: 100%;
}

#centregauche {
float: left;
border: 0;
width: 160px;
}

#centrecontenu {
float: left;
width: 595px;
background-color: #eee;
padding: 0 0 0 10px;
font-family : Helvetica, Arial, Serif;
font-size: 13px;
}

.cadrecontenu {
border: 1px solid #000;
background-color: #fff;
padding: 5px;
text-align: justify;
}
.cadrecontenu a {
color: #008000;
text-decoration: none;
}
.cadrecontenu a:hover {
color: #000000;
text-decoration: none;
}

#centremenu {
float: right;
width: 200px;
background-color: #eee;
border: 0;
font-family : Helvetica, Verdana, Arial, sans-serif;
font-size: 12px;
}

#tourmenu1 {
border: 0;
font-family : Helvetica, Verdana, Arial, sans-serif;
font-size: 12px;
}
#tourmenu1 ul {
border: 0;
padding: 0;
margin: 0;
}
#tourmenu1 li {
border: 1px solid #000;
margin-top: 2px;
list-style: none;
background-color: #F7DDF6;
width: 200px;
}
#tourmenu1 a {
display: block;
color: #444;
background-image: url(images/design/gui2.gif);
background-repeat: no-repeat;
background-position: left center;
text-decoration: none;
vertical-align: top;
width: 200px;
padding: 2px;
}
#tourmenu1 a:hover {
width: 200px;
color: #000;
background-image: url(images/design/gui3.gif);
background-repeat: no-repeat;
background-position: left center;
background-color: #F0C6EF;
text-decoration: none;
padding: 2px;
}

#tourmenu2 {
border: 0;
font-family : Helvetica, Verdana, Arial, sans-serif;
font-size: 12px;
}
#tourmenu2 ul {
border: 0;
padding: 0;
margin: 0;
}
#tourmenu2 li {
border: 1px solid #000;
margin-top: 2px;
list-style: none;
background-color: #f0f0f0;
width: 200px;
}
#tourmenu2 a {
display: block;
color: #444;
background-image: url(images/design/gui2.gif);
background-repeat: no-repeat;
background-position: left center;
text-decoration: none;
vertical-align: top;
width: 200px;
padding: 2px;
}
#tourmenu2 a:hover {
width: 200px;
color: #000;
background-image: url(images/design/gui3.gif);
background-repeat: no-repeat;
background-position: left center;
background-color: #ccc;
text-decoration: none;
padding: 2px;
}

#elle {
width: 205px;
height: 41px;
background-image: url(images/design/elle.gif);
background-repeat: no-repeat;
}

#lesite {
width: 205px;
height: 41px;
background-image: url(images/design/lesite.gif);
background-repeat: no-repeat;
}

#promodesign {
width: 205px;
height: 200px;
background-image: url(images/design/promodesign.jpg);
background-repeat: no-repeat;
}

.clear {
clear: both;
}


Voila, merci d'avance pour votre aide Smiley confused
le deuxième post n'était pas nécessaire... Smiley confus
tu aurais la possibilité de mettre ton document en ligne, parce que là ca fait beaucoup, et on n'a pas le html...
Sujet clos
Aller à