Votre question

aide CSS

Tags :
  • CSS
  • Programmation
Dernière réponse : dans Programmation
6 Juillet 2008 17:52:52

Bonjour a tous :) 

Alors voila j'ai besoin d'aide, je suis nouveau dans la création de site web et je suis actuellement en train de réaliser le site web de notre association mais j'ai un petit soucis.

Voila tout d'abord le site en question : http://jul.2.sousa.free.fr/

Alors le probleme c'est que j'ai voulu ajouter une bordure entre la partie centrale et la colonne de droite, chose faite mais l'affichage sous Firefox ne fonctionne pas, le texte de la partie centrale ne commence que en dessous de la bordure .. tandis que l'affichage est niquel sous IE..


Si quelqu'un a une idée :) 


je vous joint le CSS:
Citation :

body {
margin: 0px;
padding: 0px;
background: #FFF9D5;
color: #fff;
text-align: center;
}


p {
text-align: justify;
font: normal 0.7em 'arial', times, serif;
color: #2C2C27;
margin: 0 0 1em 0;
padding: 20px;
line-height: 1.2em;
letter-spacing: 0.1em;
}
h1 {
font-family: georgia, sans-serif;
font-size: 1.1em;
line-height: 1.5em;
border: solid 1px #eae240;
border-left: 0;
border-right: 0;
padding-left: 10px;
margin: 10px 10px 0 10px;
color: #000;
}

#global {
margin: 0 auto 0 auto;
padding: 0px;
width: 100%;
background: #ffffff;
border: solid 1px #E7E8E3;
border-top: 0;
text-align: left;
}

#entete {
width: 100%;
height: 156px;
margin: 0 auto 0 auto;
padding: 0;
background: url(banniere1.jpg) center no-repeat;
background-color: #f2df79;
}

#menu {
width: 100%;
text-align: right;
background: #000;
}


#menu ul {
margin: 0;
padding: 0.1em 0.5em 0.1em 0;
}

#menu li {
display: inline;
list-style-type: none;
}


#menu li a {
font-family: arial, sans-serif;
font-size: 0.8em;
text-decoration: none;
color: #fff;
}

#menu li a:hover
{
font-family: arial, sans-serif;
font-size: 0.8em;
text-decoration: underline;
color: #fff;
}

#post-it {
float: right;
width: 20%;
border-left: 2px solid black;
}




#centre {
overflow: hidden;
width: 80%;
min-height: 750px;
margin-right: 10px;
padding: 0;


}

#pied {
clear: both;
width: 100%;
margin: 0;
padding: 0;
padding-bottom: 3px;
background: #000;
text-align: right;
color: #fff;
}

#pied a {
font-family: arial, sans-serif;
font-size: 0.7em;
text-decoration: none;
color: #fff;
}

#pied a:hover {
font-family: arial, sans-serif;
font-size: 0.7em;
text-decoration: underline;
color: #fff;
}


.ghandi {
color: black;
}


.img {
text-align: right;
}

table {
margin: auto;
}

h2 {
font-family: arial, sans-serif;
font-size: 1.1em;
line-height: 1.5em;
border: solid 1px #eae240;
border-left: 0;
border-right: 0;
border-top:0;
padding-left: 10px;
margin: 10px 10px 0 10px;
color: #000;
}



Merci d'avance

Autres pages sur : aide css

7 Juillet 2008 00:15:01

Moi personnellement je n'ai pas comprit ton problème, si tu peux faire des screenshot de ton problème et de ce que tu veux ce serait bien comme ça, je te poste directement après le script.
PS: N'hésite pas a m'envoyer des MP si tu préfère.
11 Juillet 2008 05:00:37

Moi c'est l'inverse : ça marche sous Firefox et pas sous IE.
Mais je pense que c'est ce que tu voulais dire (?).

De toute façon, étant donné que les mecs de Microsoft ne se cassent pas le cul à faire un navigateur compatible W3C, je ne vois pourquoi nous, on se le casserait à essayer de faire marcher nos sites sous cette merde.

Moralité : s'il y a encore des gens qui utilisent ce "navigateur", qu'ils téléchargent Firefox ! Il suffit de visiter ne serait-ce qu'un site qui parle un tant soit peu d'informatique pour pouvoir lire que Firefox est 1 000 fois mieux que IE, ils ne peuvent pas ne pas être au courant. Après, c'est leur problème s'ils veulent garder un navigateur pourri.
11 Juillet 2008 09:30:55

C'est pas pour rien que FF3 a fait un record de téléchargement
Spoiler
j'en profite pour drapaliser
Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS