Probléme CSS Résolu/Fermé

Question

Bonjour,

Mon site est fait avec une feuille de style css (enfin deux) mais une ne marche pas,

Voici son code :

html {
	background: #ddd;
	
	}
html, body {
	height: 100%;
	margin: 0;
	}
/* bloc contenant l'ensemble des autres blocs*/
div#global {
	min-height: 100%;
	width: 900px;
	padding: 0 10px;
	margin: 0 auto;
	position: relative;
	padding: 0 10px;
	padding-top: 10px;
	border: 1px solid #AAA;
	background-color: #EEE;
	}
/* bloc permettant de centrer le contenu du site dans le bloc contenu*/
div#center {
	/* Pour ?viter la superposition 
	du pied de page et du contenu : */
	padding-bottom: 50px; 
	overflow: auto;
	background-color: #EEE;
	}
/* bloc du pied de page*/
div#footer {
	position:relative;
	width: 100%;
	bottom: 20px;
	text-align:center;
	background: #abcdef
	color: #fff;

	}
/* bloc du contenu*/
div#content {
	float:right;
	width: 670px;
	margin-left: 10px;
	border: 1px solid #AAA;
	}
div#sidebar {
	float:left;
	width: 200px;
	background-color: #EEE;
	color: #000;
	border: 1px solid #AAA;
	}
div#header {
	background: #abcdef
	color: #fff;
	height: 201px;
	position: relative;

	}
div#header h1 {
	margin: 0;
	position: absolute;
	bottom: 10px;
	left: 30px;
	font: 3em Georgia, serif;
	}

body {
margin: 10px 0 ;

	font: 90% "Trebuchet MS", sans-serif;
}
div#content h2 {
	padding-left: 35px;
	background: #fff;
	color: #6c0;
	}
div#content h3 {
	color: #c00;
	font-variant: small-caps;
	}
div#footer p {
	margin: 2px 0;
	font-size: 0.9em;
	}
a {
	color: #6c0;
	font-weight: bold;
	}
a:hover {
	color: #c00;
	}

<!--[if IE]>
#global {
	height: 100%;
	}
#content {
	display: inline;
	}
#center {
	overflow: visible;
	height: 1%;
	}
#content, #sidebar {
	margin-top: 15px;
	}
#global {
	position: static;
	}
a, pre {
	position: relative;
	}
body {
	position: relative;
	}

Rien ne ce met en place corectement : Pas de couleur, pas les blok cote a cote ect

Qui peut me montrer mon erreurs ?

giheller · Answer

bonsoir,

daas ces cas là il se peut qu'il y ait une erreur dans le code et qu'une relecture ne permette pas de la déciuvrir.

mettez le tout en commentaire et décommenter une par un les parties du code jusqu'à repérer celle qui ne va pas.

Utilisateur anonyme · Answer

Je ne voi pas ce que tu veut dire car quand je regarde mon site pas publié sa marche mais une fois publié non

Dalida · Answer

salut,

si cela fonctionne en local mais pas en ligne c'est sans doute un problème d'URL vers la feuille de style.

mais il faut d'abord nous décrire la situation le plus complètement possible avant de balancer le source…

avec un hack pour IE et des positionnement relatifs/absolus il y a des centaines de sources de problèmes.
dis nous d'abord ce que tu as fait, ce à quoi ressemble le site en local, ce qui se passe quand tu le mets en ligne…

Utilisateur anonyme · Answer

http://membres.lycos.fr/ecvlepuy/body.html

Sur cette page il est censé il y avoir un cadre en fond gris et ensuite un autre cadre avec le contenu du site qui ce présenté de cette façon :

Image/logo
dessous de colonnes une avec le contenu de la page et l'autre a droite avec le menu

Dalida · Answer

salut, ta mise en page n'est pas bonne, mieux vaut la reprendre en entier. pour le header par exemple : tu as mis une taille énormissime pour

/* page.css (ligne 29) */ h1 { font-size:10em; } et l'URL de l'image n'a pas été adaptée au contexte, il faut src="bg_header.gif" mais comme ça doit être une image de fond il faudrait l'appliquer en arrière-plan de

avec CSS au lieu de mettre une . pour les colonnes tu peux regarder un exemple fait pour une autre discussion, à droite et à gauche.

Utilisateur anonyme · Answer

Sur le local le texte n'est pas si grand…
Le texte est sur l'image et les colone sont bien placer donc je ne comprend pas…

Utilisateur anonyme · Answer

Ha voila sa marche mais maintenant j'ai un bug il ya pas le texte complet mais des bares de defilement comment les enlever ??

Dalida · Answer

ça vient de là :
/* page.css (ligne 130) */
#center {
height:1%;
overflow:visible;
}
tu as défini une hauteur, il n'en faut pas.

mais tu devrais reprendre ta CSS depuis le début, il y a du code dans tous les sens, tu vas aller de bidouille en bidouille.

Utilisateur anonyme · Answer

Plus de bare de défilement ainsi que le menu qui a disparu

Dalida · Answer

Maintenant bloc plus centré menu disparu
et après ce sera autre chose.

bis repetita placent…
tu devrais reprendre ta CSS depuis le début, il y a du code dans tous les sens, tu vas aller de bidouille en bidouille

on va continuer comme ça pendant des heures et à chaque fois que tu voudras modifier le contenu d'une page tu auras encore des merdes à l'affichage.

il te faut un code HTML valide et un CSS propre de A à Z.
les navigateurs sont déjà assez tatillons comme ça, si tu n'as pas un code irréprochable tu ne seras jamais sûr de ta présentation.

Utilisateur anonyme · Answer

Non mais la j'ai refait ce qui allait pas et sa marche mais je ne comprend pas pourquoi mon menu n'est pas a coté de mon bloc

Dalida · Answer

/* page.css (ligne 78) */
div#sidebar{ 
background-color:#EEEEEE;
border:1px solid #AAAAAA;
color:#000000;
float:left;
width:100%;
}
si il fait toute la largeur, il peut pas passer à gauche.

Probléme CSS

12 réponses

Discussions similaires