Espaces flotants

.matt.matt Member
septembre 2006 modifié dans Bogues
Plop à vous

J'ai un petit soucis avec mon pluxml. Je l'ai modifier et j'aimerais y mettre un edito et une zone une. J'ai ajouté des espaces flottants. Ca marche impec sauf quand je veux mettre un edito ce me donne ça: http://mucc.japmusic.net/

Voila le code CSS 
.float {
	margin: 12px;
	float: left;
	width: 45%;
	}
.conteneur {
	width: 100%;
	}
.spacer {
	clear: both;
	}
Voila le code HTML maintenant 
<div>
<h5 class="float">Edito</h5>
<p>Bienvenue sur MUCC France, site consacré au quartet Mucc. Vous en découvrirez plus sur les membres du groupe, sur le groupe en lui même et surtout sur leur musique. Une section téléchargement est à votre disposition.</p>				
<h5 class="float">A la Une</h5>
<div class="spacer"> </div>
</div>
Merci d'avance pour votre aide =)

Réponses

  • DitiDiti Member
    Salut,

    Peut-être un petit display: block; sur .float ? ;)
  • BalouBalou Member
    psst Diti, fait quelque chose rapidement pour ton espace !
    çà me fait mal aux yeux de voir tout ton "root" quand on clique sur ton lien "site web" alors qu'un index.htm ou php avec redirection sur le dossier "blog" éviterais ce genre d'intropection que je n'aime pas du tout comme j'ai déjà expliquai ailleurs à Skyline

    cordialement :-)
  • DitiDiti Member
    septembre 2006 modifié
    Je sais, j'ai fait ça, mais c'est à la suite d'un effacement accidentel que j'ai la flemme de le remettre :D
    Merci du rappel :)

    EDIT : Done.
    Si vous avez des idées d'articles (ou de designs)...
  • .matt.matt Member
    Ca marche pas du tout =/
  • DitiDiti Member
    Bah pourtant je vois ton site normal, y'a plus ce bug...
  • .matt.matt Member
    Oui mais j'aimerais que lespace Edito soit à coté de celui de La Une =)
  • .matt.matt Member
    Personne ne peux m'aider?
  • sherguishergui Member
    septembre 2006 modifié
    Bonjour

    Pourquoi pas ça

    http://jbtaris.free.fr/muccfrance/

    le fichier index et le css sont ici http://jbtaris.free.fr/muccfrance/muccfrance.zip

    C'est simplifié mais c'est l'effet recherché.


    Cordialement
  • .matt.matt Member
    septembre 2006 modifié
    Oui c'est axactement ça merci =)

    EDIT: Ca ne marche oujours pas avec pluxml: ca me donne ca http://mucc.japmusic.net/
  • sherguishergui Member
    septembre 2006 modifié
    Ca ressemble à un bogue de Internet Explorer. Ca passe correctement avec Firefox et Opéra.
    Ca fait partie de nos cauchemars dans le design des sites. Mais il faut absolument que ça passe avec IE. 85% du marché au moins.

    Essaie de régler les largeur de chaque colonne différemment en jouant sur les width.
    Comme le conteneur est fixe et ton site centré dans 734 pixels, indique les largeurs de la une et de l'édito en pixels plutôt qu'en pourcentages. C'est plus précis.

    Ca te donne par exemple

    pour la une
    width: 384px;
    margin-left: 350px;

    et pour l'édito
    width: 350px;

    Tu utilises ensuite les padding normaux pour avoir des marges internes autour du texte.

    Indiquer les largeurs en pourcentage n'est utile que pour des designs flexibles.

    Essaie de mettre dans le body la ligne suivante pour corriger un bogue connu des anciennes versions d'IE

    text-align: center;

    puis annule le ensuite dans le conteneur avec cette ligne

    text-align: justify;

    Voir ici http://css.alsacreations.com/Faire-une-mise-en-page-sans-tableaux/Centrer-les-elements-ou-un-site-web-en-CSS

    Cordialement
Connectez-vous ou Inscrivez-vous pour répondre.