28173 sujets

CSS et mise en forme, CSS3

Re bonjour à tous!

J'ai déjà trouvé ici une aide précieuse, alors je me permet de crossposter ce message (déjà sur le forum dotclear : http://www.dotclear.net/forum/viewtopic.php?id=22744) :

Re bonjour à tous,

Je suis en train de créer mon thème pour Dotclear, j'ai choisi par soucis d'apprentissage de recommencer la feuille CSS depuis zéro ... malheuresement, alors que tout me semble logique dans ce que j'ai écrit, j'ai quelques soucis d'affichage :

- Sidebar qui fout le camp tout en bas de l'écran sous IE (6&7), alors que sous firefox, elle est bien placée en haut à gauche!


- Problème de cadre pas bien centré sous firefox! (normalement, le blog devrait être centré dans la fenêtre)

J'essaie de comprendre ce qui ne va pas! mais là je galère un petit peu... Quelques indications d'avis éclairés me seraient bien agréable!

voici l'adresse du blog : http://megamout.free.fr/dotclear/

la feuille css : http://megamout.free.fr/dotclear/themes/montheme/style.css

Merci d'avance!

Ps : et sur le forum dotclear, j 'ai bien mis Alsacréation_S_ Smiley ravi !!!
Modifié par k3nshin (07 Nov 2006 - 00:35)
Modérateur
bonsoir,
Sans avoir cherché a detailler le code html ou css , je me demande si il ne serait pas plus simple de mettre #main en float:left; , pour le moment il est juste dimensionné et centré par IE avec le text-align:center; du parent conteneur.

pour le moment dans ff div#main a une hauteur de zero , il contient div#content en float qui ne l'etire pas , du coup on ne voit l'erreur que dans IE Smiley smile .

Je ne connais rien au theme de dotclear , mais peut-etre as tu trop de div imbriqués ou bien tu n'y peut rien ?.

++
Bonsoir,

Merci c'est génial ça marche Smiley smile

Il me semblait avoir essayé un peu au pif cette solution mais j'ai du avoir un souci de rafraichissement avec IE

En tous cas merci de ton explication, je vois d' ou vient le problème!

edit:
Sinon, pour les div imbriqués, c'est la structure par défaut du template de base.
A mon humble avis (de noob Smiley langue ), ces div permettent de gérer la totalité des contenus générés par la partie php, en gros pour chaque partie de texte on a un div et une classe css associée.
cela me parait donc un choix plutôt judicieux pour séparer code/contenu/design.

Bien vu et encore une foi merci! (si si, j'insiste, ça me fait plaisir!)

++
Modifié par k3nshin (07 Nov 2006 - 01:12)