28172 sujets

CSS et mise en forme, CSS3

Bonjour à vous tous!

C'est mon premier post dans ce forum (merci pour vos super tutos ) donc je précise que j'ai bénéficié d'une petite formation HTML CSS PHP. J'ai donc quelques lacunes mais je veux progresser.

Infos technique: j'utilise Wordpress 3.3 avec Graphéne hébergé chez OVH.
Voici l'adresse: http://quaidesgraph.com/

Jusqu'ici j'ai réussi à respecter la maquette pour le design mais là, j'ai besoin d'aide s'il vous plaît.

J'ai un bug d'affichage, (j'ai consulté les autres posts à ce sujet, je b'ai pas trouvé d'équivalent)

Sous chrome, safari, opéra et IE9 le "content " est de cette taille: 700 X 352 px.

Cependant sous firefox le content est de 700 X 361 px! Cela a un impact sur mon design car la sidebar à droite (image) n'est plus de la même longueur.

J'ai pourtant supprimé tous les pading et margin (comme expliqué dans un tuto) et ma sidebar en float est bien en display inline et non en block (recommandé dans les tuto)

J'ai vérifier dans toutes les div qui concernent le bloc blanc du texte: <div id="content-main">
<div id="post-8" "> et <div class="entry clearfix">

Auriez vous une solution à me proposer s'il vous plaît? Smiley confus

Est-il possible de fixer la taille du content par exemple?
Toutes mes excuses d'avoir ouvert cet item...pour rien! J'ai trouvé la solution Smiley biggrin

Je me concentré trop sur la même div, #content

J'ai simplement ajouté dans .post un "height" qui n'était pas présent.

Rien de plus simple me direz-vous....

.post {
	background: #fff;
	border-bottom: 1px solid #ccc;
	border-top: 0px solid #d8d8d8;
	margin-bottom: 1px;
	padding: 0px 0 0px;
	overflow: visible;
	position: relative;
	width: 100%;
	height: 353px;
}


Bonne journée