28173 sujets

CSS et mise en forme, CSS3

Bonjour,

Après deux jours d'errance, de recherches et d'essais infructueux, je me décide à demander directement un peu d'aide. Smiley help

Il y a quelques temps maintenant que j'ai créé un site, avec le forum Punbb un peu à part.
Il y a quelques jours, je me suis décidée à chercher à l'intégrer dans le site, en changeant le fichier main.tpl de punbb:fichier ici.

Aucun problème avec Firefox, mais mon menu gauche se retrouvait au milieu du forum sous IE, ce qui rendait le tout illisible.
Donc, j'ai changé ma feuille CSS (#bloc_gauche avec l'attribut position:absolute, que j'ai changé en float:left) et depuis, tout va bien sous IE.

Mais, car il faut bien un mais..., j'ai un souci avec un bloc sous Firefox.
Voir ici: Mon site. (il s'agit ici de la version de test du forum, sur laquelle je bidouille: c'est normal que les liens du menu soient "vides").

C'est sûr, c'est moins embêtant que d'avoir les boutons de menu au milieu de la page, mais c'est pas très harmonieux, ce bloc immense et vide!

J'ai essayé tant de choses que je suis un peu perdue: quelqu'un aurait-il une piste à m'indiquer?

Lien vers ma feuille de style.

Merci Smiley smile
Modifié par in_octavo (21 May 2006 - 22:57)
Salut

il faut supprimer ce qui est en rouge

Dans base.css

.pun [#red].clearer,[/#] .pun .clearb {CLEAR: both}



Mais je ne sais pas si c'est vraiment bien (tu verras )

A+
Merci pour cette réponse rapide. Smiley biggrin

Effectivement, avec ça, plus de "grands espaces".

Tout est un peu trop rapproché, mais je vais essayer d'améliorer ça avec des marges différentes.

Je vous tiens au courant.
Bonsoir,
Pour le problème avec IE quand le bloc était en position absolue, je pense qu'il aurait suffit d'ajouter un "left" (left: 0; par exemple).

Si tu souhaites toujours utiliser "float", voilà plus d'infos concernant ton problème : Float, clear et contextes de formatage
Modifié par Alan (21 May 2006 - 22:06)
Bonsoir, Smiley smile

J'ai essayé les deux solutions que vous m'avez aimablement données.

L'ajout de left:0, en gardant position: absolute est la bonne solution!

C'est parfois si simple... qu'on passe à côté!

MERCI

Smiley jap