souscis de colonne qui change (résolutions)
Posté : 06 mars 2012, 21:20
bonjour, un petit soucis de placement quand la résolutions change de la colonne de pub col3 elle c ' écarte de mon design css centrale top une petite aide serai la bien venue merci .
#col3 {
position: absolute;
left: 1010px;
width:150px;
min-height:610px;
background-color:#CCF9F8;
}
Voici le code complet
#col3 {
position: absolute;
left: 1010px;
width:150px;
min-height:610px;
background-color:#CCF9F8;
}
Voici le code complet
Code : Tout sélectionner
body {
margin: 0;
padding: 0;
background: white url('images/03.jpg') 0 0 no-repeat fixed;
font-style:italic;
font-size:12px;
}
.classtext {
padding:10px 10px 0px 5px;
top:190px;
}
.messagerie {
color: #FFF;
}
#top {
width:955px;
margin-left: auto;
margin-right: auto;
}
#col3 {
position: absolute;
left: 1010px;
width:150px;
min-height:610px;
background-color:#CCF9F8;
}
div#bandeau {
width:800px;
height:120px;
background-image:url(imdesign/H.gif);
}
div#menu{
width:800px;
height:30px;
text-align:center;
background-image:url(images/4.gif)
}
/**************************menu****************************************/
.glossymenu{
position: relative;
padding: 0 0 0 34px;
margin: 0 auto 0 auto;
background: url(imdesign/menuo_bg.gif) repeat-x; /*tab background image path*/
height: 46px;
list-style: none;
}
.glossymenu li{
float:left;
}
.glossymenu li a{
float: left;
display: block;
color:#000;
text-decoration: none;
font-family: sans-serif;
font-size: 12px;
font-weight: bold;
padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
height: 46px;
line-height: 46px;
text-align: center;
cursor: pointer;
}
.glossymenu li a b{
float: left;
display: block;
padding: 0 24px 0 8px; /*Padding of menu items*/
}
.glossymenu li.current a, .glossymenu li a:hover{
color: #fff;
background: url(imdesign/menuo_hover_left.gif) no-repeat; /*left tab image path*/
background-position: left;
}
.glossymenu li.current a b, .glossymenu li a:hover b{
color: #fff;
background: url(imdesign/menuo_hover_right.gif) no-repeat right top; /*right tab image path*/
}
div#contenu {
width:800px;
min-height:430px;
height:auto;
background-image:url(images/4.gif);
}
div#pied_page {
clear:both;
width:800px;
height:50px;
text-align:center;
background-image:url(images/b1.png)
}
/*-------------------menu membre-------------------------*/
#menu11 {
width: 150px;
margin: 10px;
border-style: solid solid none solid;
border-color: #BCD2E6;
border-size: 1px;
border-width: 1px;
top: -200px
}
#menu11 ul {
list-style: none;
margin: 0;
padding: 0;
}
#menu11 li a {
height: 32px;
voice-family: "\"}\"";
voice-family: inherit;
height: 24px;
text-decoration: none;
}
/* N'oubliez pas de renseigner l'adresse des images que vous avez */
#menu11 li a:link, #menu11 li a:visited {
color: #8BADCF;
display: block;
background: url(images/menu11.gif);
padding: 8px 0 0 10px;
}
#menu11 li a:hover {
color: #627EB7;
background: url(images/menu11.gif) 0 -32px;
padding: 8px 0 0 10px;
}
#messamenu, #conmessa {
padding:1px 0;
}
#messamain {
max-with:750px;
margin:auto;
}
#messamenu {
margin-left:10px;
float:left;
width:170px;
}
#conmessa {
margin-left:172px;
}
#status{
width:50%;
padding:10px;
outline:none;
height:36px;
}
.focusField{
border:solid 2px #73A6FF;
background:#EFF5FF;
color:#000;
}
.idleField{
background:#EEE;
color: #6F6F6F;
border: solid 2px #DFDFDF;
}