Probleme d'espace... sur le forum Création de sites web - 25-06-2006 22:28:06

Liste des sujets

Probleme d'espace...

[rg3]

Niveau 10

25 juin 2006 à 22:28:06

Code xhtml :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Stric
t//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd
">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Bienvenue sur NipponStation (en construction)</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Design d´attente" href="css/index.css" />

</head>
<body>

EDITO 
Bienvenue sur NipponStation, ce site parlera de tout ce qui concerne les artistes et les musiques Japonaise,
vous y trouverez vidéos, musiques, photos... Le site est actuelement en construction, donc il est vide. Seul
le design est fait, et je remercie Yumie pour ce merveilleux design qu´elle est fait toute seule intégralement.
Sur ce je vous dis à bientôt sur NipponStation.

</body>
</html>

Code css :

body
{
width : 1000px;
margin: auto;
height: 2000px;
background-image: url("../images/fond.jpg");
background-repeat: no-repeat;
background-position: center top;
}

.edito
{
margin-top: 357px;
margin-left: 350px;
margin-right : 101px;
}

Lien : http://nipponstation.free.fr/

Donc le truc c´est que avec mozilla firefox sa rajoute un grand espace blanc en bas. Mais pas avec internet explorer. Vous pouvez m´aider à enlever sa svp ?

deepblue

Niveau 16

25 juin 2006 à 22:29:08

.edito
{
margin: 357px 101px 0 350px;
}

[rg3]

Niveau 10

25 juin 2006 à 22:31:41

O_o sa marche pas du tout. et sa me le place nimpote comment.

[rg3]

Niveau 10

25 juin 2006 à 22:33:12

enfaite c´est bon j´ai trouvé, au lieu de margin, il faut mettre padding.

[rg3]

Niveau 10

25 juin 2006 à 22:34:51

NON, le probleme maintenant c´est que si je met padding, sa marche bien avec IE, mais avec mozilla mon texte n´est pas placé la ou je veux.

Yoda_Software

Niveau 30

25 juin 2006 à 22:36:44

Juste pour info, écrire :
.edito
{
margin-top: 357px;
margin-left: 350px;
margin-right : 101px;
}
ou :
.edito
{
margin: 357px 101px 0px 350px;
}
revient au même, mis à part que la seconde solution est plus rapidement interprêtée par le navigateur. Mais ça ne peut en aucun cas s´afficher différemment.

Yoda_Software

Niveau 30

25 juin 2006 à 22:38:00

Le problème ne vient pas de Mozilla, mais d´IE qui n´interprête pas correctement les margin et les padding. Va jeter un oeil la-dessus :
http://www.siteduzero.com/tuto-3-1512-0-faire-un-site-compatible-ie-et-ff.html

[rg3]

Niveau 10

25 juin 2006 à 22:41:53

Ba alors comment faire pour qu´il n´y ai plus cette espace avec mozilla ?

Yoda_Software

Niveau 30

25 juin 2006 à 22:43:35

Va au moins lire le tutorial, tout est expliqué !
Et lis le en entier !

deepblue

Niveau 16

25 juin 2006 à 22:43:54

"Mais ça ne peut en aucun cas s´afficher différemment." faux car le margin_bottom est auto dans la premier solution (donc != 0) et dans la deuxieme, margin-bottom est a 0.

essayes ça :
.edito
{
margin: 357px 101px 0 350px;
padding:0;
}

[rg3]

Niveau 10

25 juin 2006 à 22:47:44

il y a toujour cet espace, mais enfaite c´est que mozilla rajoute 357px, comme j´ai mis une marge de 357px pour ce texte, mais etan donné que j´ai donné un design fixe à mon site c´est pas normal.

[rg3]

Niveau 10

25 juin 2006 à 22:49:52

parce que par exemple si je met plus que 357px ba l´espace va encore s´agrandir, mais etant donné que mon design ne doit pas dépasé 2000px de longeur c´est bizard.

[rg3]

Niveau 10

25 juin 2006 à 22:51:55

(sachant que tou le design n´est qu´une image de fond)
svp aidé moi.

Yoda_Software

Niveau 30

25 juin 2006 à 22:57:02

Le margin-bottom n´est pas à auto, il a pour valeur celle de la classe parente.
Mais tu as fait une erreur, il fallait écrire :
.edito
{
margin: 357px 101px 0px 350px;
padding:0;
}
car si tu ne précise pas l´unité pour le bottom, il ne comprends pas la ligne entière. Je pense que c´est pour ça que ça s´affichait différemment.

Yoda_Software

Niveau 30

25 juin 2006 à 22:59:23

[rg3] ce n´est pas une bonne méthode, découpe ton design, ne garde pas une seule et unique image en background.

[rg3]

Niveau 10

25 juin 2006 à 23:00:05

Non sa fait toujour ce probleme, le rajout de l´espace de 357px tout à la fin de la page.

Yoda_Software

Niveau 30

25 juin 2006 à 23:01:57

Sérieusement, suis les tutoriaux du site du Zér0, tu en as vraiment besoin !

[rg3]

Niveau 10

25 juin 2006 à 23:02:29

Ba dit moi comment enlevé sa alors puisque t´es plus doué...

Yoda_Software

Niveau 30

25 juin 2006 à 23:02:47

http://www.siteduzero.com/tuto-3-6-0-apprenez-a-creer-votre-site-web.html

[rg3]

Niveau 10

25 juin 2006 à 23:03:36

je connai..., mais c´est bon j´ai rajouté un truc avan et sa me fai plus ce probleme.

Aide à l'achat Mac
Steam Deck
Création de sites web
Création de Jeux
Linux
Programmation
Internet
Macintosh
Hardware

La vidéo du moment

News jeu

4 319 spectateurs

1$ par kill : ce jeu te paie si t'es performant. Je n'ai jamais vu quelque chose d'aussi honteux…

Dans la famille des jeux vidéo avec un modèle économique honteux, je vous présente BR1 : Infinite, un extraction shooter où chaque kill vous rapporte de l’argent (évidemment, ce n’est pas aussi rose que ça). Le titre, développé par le studio montréalais Bravo Ready, est décrit comme le premier “kill to earn” au monde. Il est actuellement en bêta sur PC, et si vous voulez vraiment y jouer, il faut vous inscrire sur le site officiel BR1game.com. La prochaine session test se déroulera le 13 août, de toute évidence dans la nuit de jeudi à vendredi… C’est pas ma faute : le fuseau horaire n’est pas précisé !

Toutes les news jeu