18041 sujets

Questions générales et questions de débutants

[Résolu]Recherche d'erreur

Bonjour à tous,

Après m'être fortement inspiré de différentes informations trouvées ici, j'ai créé mon site http://mariage.lambelet.info

Mais je désespère, car le site fonctionne très bien sur firefox, mais pas du tout sur IE. J'ai beau relire le code, je ne rouve pas la faille.

je me permet de vous soumettre le code du css:

* {
	margin: 0;
	padding: 0;
  font-family : Arial, Helvetica, sans-serif;
  font-size : 12px;
}
html {
	background: transparent url(../im/htmlbg2.jpg) repeat-x;
}

body {
	margin: 0;
	padding: 0;
	padding-left: 25%; 
	color: #5c010b;
}

h3 {
	font-weight: bolder; 
}

#container {
	padding: 0;
	top: 50%;
	width: 600px;
	border: none;
}

a, a:visited {
	text-decoration: none;
	color: #D7661C;
	border-bottom: 1px dotted #ccc;
}

a:hover {
	text-decoration: none;
	color: #94AB36;
	border-bottom: 1px solid #ccc;
}

p {
	padding-top: 10px;
}

#content{
	position: absolute;
	margin-left: 80px;
	width: 400px;
	text-align: justify;
	background : transparent url(../img/footerbg2.jpg) no-repeat;
	background-position: center bottom;
	padding-bottom: 70px;
}

#headtitle {
	padding-top : 10px;
	padding-bottom: 20px;
}
img.imgpos{
	padding-bottom: 50px;
}
img.thumb {
	padding-left: 40px;
}
#menu{
  margin-left:550px;
	width: 200px;
	background-image: url(../img/bgsidebar.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#menu ul {
	text-align: left;
	list-style: none;
	padding: 0;
}

#menu ul li{
	padding: 3px 0 3px 10px;
	border-bottom: 1px solid #ECEFD7;
}

#menu ul li a{
	color: #94AB36;
	border-bottom: none;
}

#menu ul li a:hover,  #menu ul li a:visited {
	color: #94AB36;
}


Pour ce qui est du code html, je vous laissse le prendre sur mon site.

Je vous suis reconnaissant d'avance pour votre aide.

Salutations.

mwa
Modifié par mwa (28 Dec 2007 - 17:59)
Bonjour,

Apparemment, IE a un peu de mal avec le positionnement absolu de div#content, surtout si on ne précise pas de coordonnées (par exemple left ou top) pour ce bloc positionné.

Parmi les solutions:

- ne pas positionner div#content en absolu (et utiliser les flottants pour avoir deux blocs côte-à-côte, par exemple);
- positionner en absolu les trois éléments principaux (image, contenu principal et menu) par rapport à leur conteneur div#container, que l'on positionnera en relatif (sans lui donner de coordonnées);
- positionner div#container en relatif, garder l'image et div#content en positionnement statique (position: static ou pas d'utilisation de la propriété position du tout), et positionner uniquement le menu en absolu par rapport à son conteneur.

Je vote pour la troisième solution.
C'est un oubli ou tu ne veux pas afficher cette image ? Smiley cligne 


html {
	background: transparent url(../im[#red]g[/#]/htmlbg2.jpg) repeat-x;
}
Bonjour 6120,

Il s'agit d'une volonter de ma part de ne pas l'afficher. J'hésite encore, mais il me semble que cela alourdi graphiquement le site. Disons que je n'ai pas encore pris une décision définitive.

Merci de m'y avoir rendu attentif.

Salutations.

mwa
mwa,

Je suis d'accord avec toi, cette image alourdit trop ta page, par contre du coup tes images footer et sidebar me semblent un poil légères, mais rien de très grave je te rassure Smiley cligne

ps:6l(un L)20 -> Sylvain Smiley cligne
6l20,

Merci pour ces conseils. Il sont précieux pour un débutant comme moi.

Salutations. Smiley cligne

mwa
Il s'agit juste du modeste avis d'un débutant débutant, tu reconnaîtras aisèment les véritables experts de ce forum, il me semble même que tu en a croisé un dans ce sujet Smiley cligne

Bonnes fêtes de fin d'année Smiley cligne
Sujet clos
Aller à