28173 sujets

CSS et mise en forme, CSS3

Bonjour,

je suis en train de mettre à ma sauce un thème sous dotclear.
Je m'efforce d'être valide strict, et de faire les choses le mieux possible.
Comme j'ai peu de temps libre et de connaissances en code, ça prend du temps.
Pourtant, j'approche d'une design satisfaisant à mes yeux, en tous cas sous Firefox.
Car sous IE, j'ai un problème.
Autant la page d'accueil fonctionne bien, autant lorsque j'affiche un billet, ça ne va plus du tout..
(sous opéra, j'ai parait-il un problème avec ma bannière, si quelqu'un peut le confirmer..?)
Mon thème utilise deux colonnes gauche(extrabox) et droite(sidebar) de largeur fixe, et un contenu central fluide.
La bannière s'adapte aussi à la taille de la fenetre.

Lors de l'affichage d'un billet (mode==post), je supprime la sidebar dans le code source, et j'adapte la largeur du contenu central avec un width en %
Sous firefox, ça a marché du premier coup, la colonne de droite (sidebar)
disparait, et la colonne centrale prend l'espace libre sans soucis.
Sous IE, la partie centrale passe sous l'extrabox.

Je suppose que ça vient d'un problème d'espacement entre les blocs, mais je ne m'en sors pas, j'avoue être coincé et un peu découragé par ce foutu navigateur qui pollue mon univers créatif ! Smiley langue

Voila le lien du site :
http://agoraz.webdynamit.net/dotclear/

et voici le lien du template et du css :
http://agoraz.webdynamit.net/style.txt
http://agoraz.webdynamit.net/template.txt

Merci à tous de faire un site aussi utile pour les grands débutants, et les autres. Smiley smile
j'ai à moitié résolu mon problème.
Je ne fais pas cette modification de largeur sous IE.
J'ai mis deux feuilles de style, une spéciale pour IE grace à ça :

        <link rel="stylesheet" type="text/css" href="<?php dcInfo('theme'); ?>/style-ie.css" media="screen" />
        <link rel="stylesheet" type="text/css; charset=ISO-8859-1" href="<?php dcInfo('theme'); ?>/style.css" media="screen" />	
 


ça ne résout pas le problème, mais ça le contourne..
comme ça, les visiteurs sous Firefox seront favorisés Smiley lol