28173 sujets

CSS et mise en forme, CSS3

[Résolu]Positionnement bloc central en affichage petit

Bonjour,

J'ai un soucis avec mon code CSS. J'ai développé un site en 1024 : super; mais pour des petits écrans, c'est galère et pas beau ! En fait tout reste bien, sauf mon bloc central qui rétrécie et diminue. je ne souhaite pas cela, je voudrais que la page reste entiere mais avec des "scrollbar". J'ai du oublier qqchose de trivial, mais je ne sais pas quoi ...

body {
margin: 0;
font: 0.8em arial, helvetica, sans-serif ;
background-color:#E2E8EA;
}

.head1 {
background-color: #E2E8EA;
margin-left: 0px;
height: 90px ;
}

.head2 {
margin-left: 181px;
height: 30px ;
background-color:#E2E8EA;
} 

.gauche {
background-color:#E2E8EA;
position: absolute;
left:0;
width: 180px;
height: 504px;
}

.centre {
background: url(../images/Laurent-big.gif) no-repeat left top ;
margin-left: 180px; 
border-left: 2px solid #2a9f59;
border-top: 2px solid #2a9f59;
border-bottom: 2px solid #2a9f59;
}

.footer {
background-color:#E2E8EA;
margin: 0 ;
padding-right: 10px ;
line-height: 30px ;
text-align: right ;
color: #305f73 ;
}


Merci de votre aide.
Modifié par paillou (03 Mar 2006 - 11:37)
ok, Merci de ta réactivité, c'est la seule façon ? car j'y avait bien pensé, mais la c'est un affichage en plus grand (1150*860 ou d autres) qui pose problème
Modifié par paillou (02 Mar 2006 - 15:26)
Bonjour,
a écrit :
donne une valeur fixe a ton body px ou cm

Personnellement je vois pas trop ce que ça peut changer de donner un width au body et les cm ne sont pas fait pour l'écran.
Tu dois donner une largeur minimum à .centre avec la propriété min-width mais comme IE ne le prends pas en compte excepté peut-être sa version 7? (à voir...)
Tu devrais ajouter des commentaires conditionnels dans le <head> qui te permettent
de n'appliquer le styles déclarés à l'intèrieur qu'à IE.
Je crois que IE interprète le with comme min-width.

<!--[if lt IE 7]>
<style type="text/css">
<!--
.centre {width: 500px;}
-->
</style>
<! endif -->

Je sais pas si j'ai été très clair.
Modifié par Hermann (02 Mar 2006 - 16:38)
Sujet clos
Aller à