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 :

Positionnement en CSS 2, un vrai casse tête !


Sujet :

Positionnement en CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Février 2004
    Messages
    15
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2004
    Messages : 15
    Par défaut Positionnement en CSS 2, un vrai casse tête !
    bonjour bonjour !

    Voilà, là, je galère sérieusement, et j'en ai marre. Le CSS2 c'est bien, mais trop pourri pour ce qui est du positionnement des div. C'est bien gentil, plus de tableaux, mais c'était quand meme bien plus pratique !!!
    Enfin bon, je vous explique mon souci.
    Mon site est composé de 5 parties :
    - une en haut, le menu
    - 3 au milieu
    - et une en bas, le pied.
    Le problème, c'est la partie du milieu. Les trois sous parties sont l'une à coté de l'autre. Celle de gauche, empiète sur le menu ( margin-top négative ). Ensuite, les deux autres, je sais pas comment faire. Le truc, c'est que mon pied empiète tout le temps sur une des parties, car leurs longueurs varient.
    Alors, je m'em mèle avec les positions (relative absolute). J'ai bien créé un div qui englobe les 3 parties du milieu, mais rien à faire !

    Pleaaaaaaase, HELP !

    Merci d'avance

    alex

  2. #2
    Membre émérite Avatar de fallais
    Homme Profil pro
    Ingénieur systèmes et réseaux
    Inscrit en
    Juillet 2006
    Messages
    858
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Ingénieur systèmes et réseaux

    Informations forums :
    Inscription : Juillet 2006
    Messages : 858
    Par défaut
    Tu definis des tailles fixes ?

  3. #3
    Membre averti
    Profil pro
    Inscrit en
    Février 2004
    Messages
    15
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2004
    Messages : 15
    Par défaut
    des tailles ? Ben je peux pas. J'ai 2 bloc qui changent de taille.

  4. #4
    Rédacteur
    Avatar de MasterOfChakhaL
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2004
    Messages
    2 147
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 45
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Juin 2004
    Messages : 2 147
    Par défaut
    salut!!!

    un bout de code et un petit schéma de ce que tu veux pourrait nous permettre de t'aider efficacement...
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    N'oubliez pas de cliquer sur quand votre question à trouvé une solution.

    Si vous n'avez pas encore lu les règles du club, mieux vaut tard que jamais!

  5. #5
    Membre averti
    Profil pro
    Inscrit en
    Février 2004
    Messages
    15
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2004
    Messages : 15
    Par défaut
    Ben, en fait, j'aimerai faire mon site comme l'image attachée. Voila 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
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    83
    84
    85
    86
    87
    88
     
    /*_______________________ Le corps général _____________________*/
    #corps{
    	margin: 0px;
    	padding: 0px;
    }
     
     
    /*______________________ Le corps gauche ______________________*/
     
    #corps_gauche{
    	margin: -40px 0px 0px 0px;
    	padding: 0;
    	right: 46%;
    	z-index: 0;
    }
     
    fieldset{
    	width: 200px;
    	height: 200px;
    	margin-left: 10px;
    	border: double;	
    }
     
    legend{
    	color: black;
    }
     
     
    /*______________________ Le corps milieu ______________________*/
    #corps_milieu {
    	font: normal 13px "Bookman Old Style";
    	width: 580px;
    	left: 300px;
    	margin: 0px 0px 0px 0px;
    	padding: 0px;
    	border-right: solid 1px #CCCCCC;
    }
     
     
    #date{
    	font: normal 15px "Bookman Old Style";
    	padding: 0px;
    	margin: 0px;
    	text-align: center;
    }
     
    div#paragraphe { /****** Il s'agit d'un bloc général de paragraphe ******/
    	margin: 0px 10px 0px 0px;
    	padding: 0px;
    	border-top: dotted 1px #CCCCCC;
    }
     
     
    #paragraphe h5 { /***** l'auteur d'un paragraphe *****/
    	background-color: white;
    	border-bottom: solid 1px #CCCCCC; 
    	padding-bottom: 5px;
    	margin: 0px 150px 0px 150px;
    	font-size: 12px;
    	color: Black;
    	text-align: center;
    }
     
    #paragraphe p{ /***** le texte d'un paragraphe *****/
    	color: Black;
    	background-color: white;
    	text-align: justify;
    	padding: 0px;
    	margin: 5px 0px 5px 0px;
    }
     
    #paragraphe a { /***** Les liens d'un paragraphe *****/
    	color: Black;
    	background-color: white;
    	text-decoration: none;
    }
     
    #paragraphe a:hover {
    	background-color: #FFFFCC;
    }
     
     
    /*______________________ Le corps droit ______________________*/
    #corps_droit {
    	margin: 0px 0px 0px 0px;
    	padding: 0px;	
    }
    Je sais pas si ca vous met sur la voix ?

    Merci quand meme
    Images attachées Images attachées  

  6. #6
    Membre émérite Avatar de fallais
    Homme Profil pro
    Ingénieur systèmes et réseaux
    Inscrit en
    Juillet 2006
    Messages
    858
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Ingénieur systèmes et réseaux

    Informations forums :
    Inscription : Juillet 2006
    Messages : 858
    Par défaut
    Et tu renonces au tableaux ? Dsl moi je suis pour (et du plus en plus seul ... ) ! Car les DIV j'ai essayer et on passe plus de temps a vérifier que IE = FF qu'a coder ...

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

Discussions similaires

  1. [XL-2013] Gestion base de donnée un vrai casse tête
    Par yakudark dans le forum Macros et VBA Excel
    Réponses: 3
    Dernier message: 16/05/2015, 10h28
  2. Choix du bon conteneur : Un vrai casse-tête !
    Par Alexoy82 dans le forum Langage
    Réponses: 29
    Dernier message: 28/11/2014, 22h50
  3. FB 2.5, un vrai casse-tête avec coalesce
    Par Just-Soft dans le forum SQL
    Réponses: 1
    Dernier message: 16/08/2011, 16h38
  4. Casse-tête Javascript vs CSS - Redéfinition d'attribut
    Par DrWilly dans le forum Général JavaScript
    Réponses: 0
    Dernier message: 10/04/2010, 12h05
  5. Postgresql et phpPgAdmin, un vrai casse tête
    Par punky_brooster dans le forum PostgreSQL
    Réponses: 1
    Dernier message: 10/08/2006, 14h53

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