28172 sujets

CSS et mise en forme, CSS3

Bonjour à tous,

j'ai mise en ligne l'année dernière un petit site visible sur http://apbe-pe.com

Je l'avais testé sur Internet Explorer et Firefox, et tout passait bien sur l'un comme sur l'autre. En revanche, on vient de me signaler que la page s'affiche très mal sur Safari.

Je l'ai installé via PlayIOnlinux (je suis sous Ubuntu), et effectivement, il y un gros bloc vert bizarre.

Est-ce qu'un expert en CSS pourrait y jeter un oeil et me dire ce qui cloche ?

Je vous remercie par avance,

el_castor
Modifié par el_castor (06 Nov 2009 - 06:47)
Bonjour,

En regardant ton code source (html), j'ai noté que tu n'a pas fermé ta balise <link... /> (oubli du /)... ce qui entraine une erreur à la validation de ta page et peut-être un fourvoiement de Webkit

David

PS: il existe un butineur webkit natif sous linux sans passer par wine : il sagit d'Epiphany (version webkit)
Administrateur
Bonjour,

Smiley eek en effet
Ton contenu (div #centre je pense) a une largeur très réduite. Est-ce que comme par hasard la droite de ce div s'arrête à la gauche du menu en haut ou y a-t-il autre chose je ne pourrais te dire faute de temps. Force la largeur de #centre ou place un clear: both; sur lui et ses frères pour une première piste ...
Modifier:


#centre {
background-color:#E0E6E6;
padding:15px 15px 15px 15px;
overflow:auto;
}


par:


#centre {
background-color:#E0E6E6;
padding:15px 15px 15px 15px;
overflow:visible !important;
}


Suffit à corriger le problème sur ma version de Safari (4.0.3).