28220 sujets

CSS et mise en forme, CSS3

[resolu} Css impression

Bonjour à tous,

Dans le cadre du développement d'un site sous spip http://www.c3ew.com/uminate j'ai voulut passer de feuille html spécifiques pour l'impression à une feuille de style.

Mon problème est, qu'apparement, IE n'arrive pas à écraser un "width" , alors que firefox oui.

dans la feuille de style standard j'ai mis ceci :

#colonne_centre{
	float:left;
	height: auto;
        min-height:55%;
	width:  59%;
        padding-left:10px;
        margin-top:0em;
        padding-top:0.8em;
        padding-right:0.5em;
        border-left: 1px solid gray;
}


et ça dans la print :

#colonne_centre{
	position:absolute;
        top:10px;
        left:0px;
	width:  100%;
        padding-left:0px;
        margin-top:0em;
        padding-top:0em;
        padding-right:0em;

        border-left: 0px solid gray;
}

IE m'imprime que sur 59% de la largeur de la page !!

Quelqu'un aurais-t-il une idée ?

merci d'avance
Modifié par skystan (30 Aug 2005 - 22:43)
connecté
Administrateur
Salut à toi et bienvenue sur le forum,

Merci de bien vouloir relire les Règles du forum, notamment en ce qui concerne l'affichage des codes et exemples.
Merci d'avance et bonne chance Smiley smile
connecté
Administrateur
skystan a écrit :
désolé, j'ai corrigé pour le code, quid des exemples ?

Merci, en fait par "exemples", je parlais d'exemples de code Smiley smile
Bon, comme quoi, à force de chercher on finis toujours par trouver !

Je vous livre une modif qui qui fonctionne sur mon site : j'ai appliqué la largeur par une classe splémentaire :


#colonne_centre{
	float:left;
	height: auto;
	
        padding-left:10px;
        margin-top:0em;
        padding-top:0.8em;
        padding-right:0.5em;
        border-left: 1px solid gray;
}
.taille_colonne_centre  {
        width:  59%;
}


et pour la print :


#colonne_centre{
	position:absolute;
        top:10px;
        left:0px;
        padding-left:0px;
        margin-top:0em;
        padding-top:0em;
        padding-right:0em;
        border-left: 0px solid gray;
}
.taille_colonne_centre{
        width:  100%;
}


Et là, miracle, IE n'en fais plus qu'à sa tête : ce qu'il n'écrase pas avec les "id" il veux bien le faire avec les "classes", allez savoir pourquoi Smiley langue

Si jamais ça peux servir à d'autres ...
Sujet clos
Aller à