Probléme CSS

Résolu
Utilisateur anonyme -  
Dalida Messages postés 6728 Date d'inscription   Statut Contributeur Dernière intervention   -
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 ?

12 réponses

Utilisateur anonyme
 
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.
0
Utilisateur anonyme
 
Je ne voi pas ce que tu veut dire car quand je regarde mon site pas publié sa marche mais une fois publié non
0
Utilisateur anonyme
 
Bonjour,
alors pourquoi ne pas expliquer le problème dans son intégralité dès le début !
0
Dalida Messages postés 6728 Date d'inscription   Statut Contributeur Dernière intervention   922
 
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…
0
Utilisateur anonyme
 
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
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Dalida Messages postés 6728 Date d'inscription   Statut Contributeur Dernière intervention   922
 
salut,

ta mise en page n'est pas bonne, mieux vaut la reprendre en entier.
pour le header par exemple :
<div id="header">
<h1> Ecole
de vélo du puy en velay</h1>
<img alt="" src="site%20I/bg_header.gif" style="width: 899px; height: 206px;"/>
</div>

tu as mis une taille énormissime pour <h1>
/* 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 <h1> avec CSS au lieu de mettre une <img/>.

pour les colonnes tu peux regarder un exemple fait pour une autre discussion, à droite et à gauche.
0
Utilisateur anonyme
 
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…
0
Utilisateur anonyme
 
Ha voila sa marche mais maintenant j'ai un bug il ya pas le texte complet mais des bares de defilement comment les enlever ??
0
Dalida Messages postés 6728 Date d'inscription   Statut Contributeur Dernière intervention   922
 
ç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.
0
Utilisateur anonyme
 
Plus de bare de défilement ainsi que le menu qui a disparu
0
Dalida Messages postés 6728 Date d'inscription   Statut Contributeur Dernière intervention   922
 
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.
0
Utilisateur anonyme
 
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
0
Dalida Messages postés 6728 Date d'inscription   Statut Contributeur Dernière intervention   922
 
/* 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.
0