28220 sujets

CSS et mise en forme, CSS3

Marge gauche sur l'ensemble du site [resolu]

Bonjour !
Voila je transforme mon site en css et j'ai un petit probleme, tout ce presente bien mais sur le coté gauche il y a un marge de 3 à 4 pixel sur toute la hauteur du site.
le body est {margin:o; padding: o;}
cela doit etre simple mais pour un débutant !!!
Merci si vous pouvez m'informer
Paul Smiley eek
Modifié par paul (20 Mar 2005 - 10:31)
Administrateur
paul a écrit :
le body est {margin:o; padding: o;}

Salut,

Tu as volontairement utilisé la lettre "o" au-lieu du chiffre "0" ?
Les valeurs de marges sont à exprimer en chiffres.
re
le debut du code css
@charset "iso-8859-1";
html, body {
width: 100%;
height: 100%;
}
body {
margin: 0;
padding: 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
background-color: #33CC66; /*couleur de fond blanche*/
}
.conteneur { /*le conteneur global du site, qui sera centré */
width: 100%;
height: 100%;
position: absolute;
background-color: #2DAB81;
}
.head1 {
background-image:url('barre-header.gif');
width: 100%;
height: 20%;
}

.head2 {
background-color: #B2E5B2;
width: 100%;
height: 5%;
}
Administrateur
Merci de bien suivre les règles et la FAQ, notamment en ce qui concerne les affichages de CODE Smiley decu

Ta feuille de style CSS contient une balise HTML à la fin : </style>. Elle est à supprimer.

Ensuite, je dirais que ta feuille de style est correcte, même si tu t'amuses à utiliser des positionnements absolus inutiles partout et des hauteurs en pourcentage pour tous tes éléments Smiley ohwell

Par contre, ce qui laisse à désirer, c'est le contenu de ton header : des images, des span avec des styles css imbriqués, etc.
Je suis sûr que ce span pose des problèmes mais je ne peux pas vérifier car les css du span ne sont pas séparées du document.
Modifié par Raphael (18 Mar 2005 - 00:35)
Pourrais tu, s'il te plait, editer ton message et mettre le code entre les balises [ code] et [/ code] (sans espaces) afin de faciliter la lecture? Merci.

Pour en revenir à ce problème de marges, il n'apparait que sous Internet Explorer, pas sous FireFox, Netscape... Juste en passant, je pense que tu devrais tester ton site sur un navigateur standards car il montre des problèmes d'affichages sur ces plate-formes.

Tu peux regler facilement le problème (sous IE) en donnant une position à ton bloc 'conteneur'.

Edit: Raphaël qui répond plus vite que son ombre..
Modifié par jb_gfx (18 Mar 2005 - 00:49)
Merci de vos reponses .
Bonjour !
vu pour </style>
Pour le header je n'ai pas su faire autrement pour superposer la photo du bucheron que par un style position absolue dans le header
<SPAN style="position: absolute; top: -10px; left: 156px; width: 77px; height: 110px">

Pour le conteneur avec correction:
conteneur { 
width: 100%;
height: 100%;
position: left;
background-color: #33CC66;
}

du coup il me laisse une marge haute
la marge gauche disparait
Amicalement
Paul
Administrateur
paul a écrit :

Pour le conteneur avec correction:
conteneur { 
width: 100%;
height: 100%;
position: left;
background-color: #33CC66;
}


Attention :

- "conteneur" n'est pas une balise existante. Si tu veux créer une classe, il ne faut pas oublier le point avant (".conteneur")

- la déclaration "position : left" n'existe pas. Les valeurs possibles de "position" sont "absolute", "relative", "fixed" et "static".

Sans vouloir te vexer, je crois que tu devrais profiter du week-end pour te replonger dans les bases des CSS et de leur positionnements Smiley ohwell
Bonjour !
Oui conteneur est écrit
.conteneur{

autrement je n'aurai aucun affichage.
Je vais suivre ton conseil
Paul
Bonjour !
J'ai repris l'ensemble de ma feuille css et de ma page html est c'est un script de statistiques qui décalle le conteneur.

<script language="javascript" src="http://lg.atelier.free.fr/php.stats/php-stats.js.php"></script>
<noscript><img src="http://lg.atelier.free.fr/php.stats/php-stats.php" border="0" alt=""></noscript>

Pourquoi !!
enfin le coupable est nommé
Paul
Merci de votre aide probleme regle c'était bien le script en question changement de place
Smiley resolu
Paul
paul a écrit :
Merci de votre aide probleme regle c'était bien le script en question changement de place
Smiley resolu
Paul

Bonsoir,
Il te faut alors mettre un tag résolu dans le titre de ton premier post. La marche à suivre est détaillée dans la faq. Smiley cligne
Sujet clos
Aller à