IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

Problème d'alignement de div [CSS 2]


Sujet :

CSS

  1. #1
    Membre éclairé
    Profil pro
    Inscrit en
    Décembre 2007
    Messages
    549
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2007
    Messages : 549
    Par défaut Problème d'alignement de div
    Bonjour

    Puisqu une image vaut souvent mieux qu un long dscours voici mon pb :


    Mon pb est que la div global, en bas se positionne à l emplacement de la croix rouge et non là où je l imaginais.

    Mon code :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    <div id="Top"><div class="global" >logo</div></div> 
     
     
    	<div class="global" style="top:20px">
    		<div id="box_menu" >
    			menu
    		</div>
    		<div id="box_page">
    			page
     
    		</div>
     
    	</div> 	
    	<!---->
    <div class="global" style="top:20px">
     bottom</div>
    mon CSS :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    body {
    	margin: 0;
    	padding: 0;
    	font: 12px/1.5 verdana, arial, helvetica, sans-serif;
    	}
    .global {
    	margin: 0 auto; 
      	width:965px;
      	position:relative;
      	background-color:orange;
      	}
     
    #Top {
    	background-color:#282828;
    	position:relative;
    	height:80px;
    	}
    #box_menu {
    	position:relative;
    	float:left;
    	width:220px;
    	background-color:lime;
    }
    #box_page {
    	position:relative;
    	float:right;
    	width:725px;
    	background-color:fuchsia;
     
    }
    merci pour votre aide...

  2. #2
    Invité
    Invité(e)
    Par défaut
    Bonjour,
    Citation Envoyé par sp2308 Voir le message
    Mon pb est que la div global
    Laquelle ? tu as 2 <div class="global"> ...
    Citation Envoyé par sp2308 Voir le message
    Mon pb est que la div global, en bas se positionne à l emplacement de la croix rouge et non où je l imaginais.
    tu ne dis justement pas "où tu l'imaginais" ?
    - "la" ou "les" ?
    - en arrière-plan ?

  3. #3
    Membre éclairé
    Profil pro
    Inscrit en
    Décembre 2007
    Messages
    549
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2007
    Messages : 549
    Par défaut
    oui dsl...

    c est la div la plus basse sur l image qui se positionne en fait au niveau de la croix et non en bas comme souhaité...

  4. #4
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 213
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 213
    Par défaut
    Bonjour,
    essaies
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    <div class="global" style="bottom:0px; position:absolute">
      bottom
    </div>
    il existe http://css.developpez.com/galerie/?p...se-en-page#mp2

  5. #5
    Membre éclairé
    Profil pro
    Inscrit en
    Décembre 2007
    Messages
    549
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2007
    Messages : 549
    Par défaut
    merci pour ta réponse.

    Je vais voir cette galerie ...

  6. #6
    Membre Expert
    Avatar de Candygirl
    Femme Profil pro
    Inscrit en
    Juillet 2006
    Messages
    1 912
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Âge : 53
    Localisation : Suisse

    Informations forums :
    Inscription : Juillet 2006
    Messages : 1 912
    Par défaut
    Hello,

    Un petit style="clear:both" sur le div concerné résoudrait-il ton problème ?
    Les bons réflexes:
    • avant de poser une question:
      règles | faq | tutoriels | recherche
    • clarté, politesse, vocabulaire et orthographe soignés = efficacité
    • remercier ceux qui ont pris le temps d'aider et :resolu: si c'est le cas

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Problème Alignement balise DIV CSS
    Par makalu65 dans le forum Mise en page CSS
    Réponses: 17
    Dernier message: 06/07/2009, 14h59
  2. Alignement de div, problème affichage avec IE
    Par tofito dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 06/05/2008, 16h26
  3. Problème d'alignement de div
    Par starr dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 28/10/2007, 12h40
  4. [div] problème d'alignement vertical
    Par xenos dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 29/11/2006, 12h36
  5. Problème de hauteur de div et pied de page
    Par Bishop dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 08/03/2005, 15h30

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo