Dreamweaver: problème décalage haut site Fermé

Question

Bonjour, 

Je viens de réaliser mon premier site internet sur Dreamweaver CS3 sur Windows vista: http://celineavrilla.fr

Le problème est que j'ai un décalage en haut de mon site, que je n'ai pas sur mes pages dans le logiciel.

Pour info, mon wrapper n'a aucune marge.
Si vous avez besoin de plus d'infos n'hésitez pas à me demander.

Merci beaucoup pour votre aide !

Céline

Zhp · Answer

Bonjour, 

Essais en supprimant les marges du body ( si c'est pas déjà fait) : 

body{ 
margin : 0; 
padding: 0; 
} 

Enjoy ^^
think for yourself, question authority...

celine24 · Answer

Bonsoir,

Merci Zhp de ta réponse.
Je viens de vérifier, mais les marges du body sont déjà à 0: 

body {
	margin: 0px;
	padding: 0px;
}

D'autres idées pour résoudre ce problème ?

Merci,

Céline

graffx · Answer

ton probleme vient obligatoirement de ton css et surtotu de cette partie:

body {
	margin: 0px;
	padding: 0px;
	background-image: url(Images_site_internet/com/fond_1.jpg);
	background-repeat: repeat;
	background-color: #FFFFFF;
	float: left;
	position: absolute;
}


#wrapper {
	height: 700px;
	width: 1140px;
	background-image: url(Images_site_internet/com/logo.png);
	background-repeat: no-repeat;
	background-position: 250px 100px;
	left: auto;
	top: auto;
}


ca reduit les recherches.

celine24 · Answer

Je croix avoir trouvé la réponse, dans le positionnement de mon wrapper.
Je ne lui avais indiqué aucun positionnement, j'ai donc essayé les 4 possibles, et en positionnement absolu et fixe cela m'enlève ma marge en haut.
Je pense que c'est le positionnement absolu qu'il faut choisir ?

Merci,

Céline

MastercroW · Answer

Bonsoir,

Je pense qu'il ne faut pas se fier à 100% à Dreamweaver, car malgré lui, il y à des bugs. Personnellement moi, je l'adore ! Sinon pour le positionnement absolu, je le conseil pas à moins que tu saches bien l'utiliser. As-tu fais quelques recherches concernant les positionnements des background ?

graffx · Answer

c'est mieux mais y' a encore un leger ecart, normal?

sinon : position:absolute; top:0:

celine24 · Answer

Mastercrow: oui j'ai essayé de comprendre comment marchaient les positionnements, mais ça reste assez flou pour moi... En testant j'ai vu ce que ça donnait, ça a réglé mon problème de décalage, mais peut-être que ça va m'apporter d'autres problèmes ?

graffx: j'ai rajouté le top:0.

Céline

Zhp · Answer

Bonjour,

J'ai regardé en détaille ce coup ci, et c'est la marge haute de sidebar2 qui décale le wrapper !

La position absolue est donc plutôt bien comme solution.

Par-contre on n'utilise pas les quarte positions en même temps avec la position absolue. Juste left et top suffise et c'est plus claire pour les navigateurs. 

Sinon je croix bien qu'en donnant juste cette régle au wrapper :
padding-top:1px


Cela aura le même effet (ça ajoute quand même un ligne de pixel ^^)

celine24 · Answer

Super merci beaucoup !

Céline

Dreamweaver: problème décalage haut site

9 réponses

Discussions similaires