Se connecter / S'enregistrer
Votre question

Problème css / margin+float+clear (-_-)

Tags :
  • CSS
  • Programmation
Dernière réponse : dans Programmation
27 Mai 2007 14:57:33

:hello:  kikou :hello: 

Bon pour expliquer, rien ne vaut un schéma :


en résumé je voudrais faire un margin-bottom:30px en dessous du bloc 3 PLUS un margin-top:15px au dessus du bloc 4

je viens de lire sur un site que les marges ne s'additionnent pas ... pour eux c'est tant mieu mais personnellement je voudrais qu'elles s'additionnent ... comment faire ? :) 

Autres pages sur : probleme css margin float clear

27 Mai 2007 16:40:22

màj du premier post :)  up svp !!! ^^
27 Mai 2007 16:46:25

Pourquoi pas faire un margin-bottom:45px ?

Sinon mets un autre calque autour du div 4, et dans celui-ci tu lui met un padding-top de 15px
Contenus similaires
Pas de réponse à votre question ? Demandez !
27 Mai 2007 17:26:07

ok
et je met pas 45 car je vais le réutiliser dans la suite et ca fera trop espacé pour la suite

mais encore problème :-?
pour le bloc 1 et 2 j'ai fais :
<div>
<p class="entete encadre">bloc 1</p>
<div class="photo">bloc 2</div>
</div>
<p class="titre1">bloc 3</p>
<p class="titre2">bloc 4</p>
***********************************
.entete{
float:left;}

.photo{
float:right;}

.encadre{
border:3px solid black;
padding:10px;}

.titre1{
clear:both;
margin-top:60px;
text-align:center;}
**********************************

Je ne sais pas si c'est à cause du "clear:both;" mais le "margin-top:60px;" ne se fait pas :cry: 
27 Mai 2007 18:09:44

Pourquoi fais tu pas un truc

<div>
<div id="left"></div>
<div id="right"></div>
</div>

Pour ton layout entre le bloc 1 et 2 ?
27 Mai 2007 20:46:25

oui je vais modifier ca après (pour mettre des id à la place de ces 2 class)
j'y avais déjà pensé mais tu penses que c'est ca qui empêche le margin-top:60px de mon titre1 !?
28 Mai 2007 00:20:49

Pourquoi n'utilise tu pas les balises <h1>,<h2>,<h3>,... pour les titres? o_O
Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS