Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1108 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [CSS] Problème de placement de div avec float

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[CSS] Problème de placement de div avec float

n°646940
urd-sama
waste of space
Posté le 18-02-2004 à 13:21:33  profilanswer
 

bonjour les gens [:zytra]
j'ai à nouveau un petit problème avec un placement de div. j'aimerais faire exactement ceci, mais inversé (explications après).
 
http://openweb.eu.org/articles/ini [...] nexe2.html
 
sauf que j'aimerais fixer la taille du div de droite, et mettre une marge sur celui de gauche.
 
j'ai essayé de cette facon, mais cela ne fonctionne pas:

Code :
  1. div.main_gauche
  2.       {
  3.        padding-top : 70px;
  4.        padding-left : 50px;
  5.        text-align : left;
  6.        color : black;
  7.        border: 1px solid black;
  8.        margin-right: 250px;
  9.       }
  10.       div.main_droite
  11.       {
  12.        float: right;
  13.        width: 200px;
  14.    color: black;
  15.        height: 360px;
  16.        text-align: left;
  17.        padding-right: 20px;
  18.        border: 1px red dotted;
  19.        padding: 10px;
  20.       }


le résultat donne environ ceci:

Code :
  1. ------------------
  2. |                |
  3. |                |
  4. |                |
  5. |                |
  6. |                |
  7. |                |
  8. ------------------
  9.                   --------
  10.                   |      |
  11.                   |      |
  12.                   |      |
  13.                   --------


donc pas vraiment ce que je veux :/
je ne comprends pas bien comment m'y prendre, qqun peut me donner au moins un indice?
 
merci d'avance de votre aide  :)  
[/cpp]

mood
Publicité
Posté le 18-02-2004 à 13:21:33  profilanswer
 

n°646970
darxmurf
meow
Posté le 18-02-2004 à 13:39:12  profilanswer
 

hm il faut trafiquer jusqu'à ce que ça marche :/
 
en passant si tu veux pleurer : http://www.csszengarden.com/ la page de base c'est juste du texte à la suite en caractère de base sans fond ni couleurs... le reste c'est du CSS... tu peux les pomper pour voir comment c'est fait ... Snif ! dans le menu à droite tu peux aller voir d'autres créations, c'est juste le CSS qui change !


---------------
Des trucs - flickr - Instagram
n°646978
urd-sama
waste of space
Posté le 18-02-2004 à 13:41:21  profilanswer
 

ah oui je connaissais le site, je vais aller voir le code vu qu'apparemment c'est ce que j'aimerais faire

n°647085
urd-sama
waste of space
Posté le 18-02-2004 à 14:30:14  profilanswer
 

bon mes recherches ne sont pas très concluantes si jamais :/

n°647239
urd-sama
waste of space
Posté le 18-02-2004 à 15:19:23  profilanswer
 

bon je suis vraiment perdue, donc dernier petit up de la journée, je passe à autre chose pour aujourd'hui

n°647246
fastclemmy
(re-)Dictateur en plastique
Posté le 18-02-2004 à 15:20:26  profilanswer
 

Bah tu fais un bloc gauche en flux normal avec une marge à droite de 200px. Et puis ton bloc à droite en position:absolute;right:0px;bottom:0px; avec sa width de 200px ?

n°647281
urd-sama
waste of space
Posté le 18-02-2004 à 15:31:50  profilanswer
 

presque, en fait mon menu de droite ne doit pas être collé contre la fenetre
 
elle est dans un div global de 90% de la page en résumé :/
et puis j'aimerais qu'elle se "colle" à coté du main_gauche en fait

n°647287
fastclemmy
(re-)Dictateur en plastique
Posté le 18-02-2004 à 15:34:08  profilanswer
 

Et bien en jouant sur les propriétés de positionnement absolu de ton bloc de droite ? (right:10%)
 
Pour ce qui est du "collage", je ne suis pas sûr de saisir l'effet que tu espères obtenir ?

n°647302
urd-sama
waste of space
Posté le 18-02-2004 à 15:41:14  profilanswer
 

ok pour le right, j'ai bêtement pas pensé à mettre en % :/
sinon pour le bottom, le problème c'est que le bloc s'aligne sur le bas de la fenêtre. mais le bloc en question est dans une architecture de ce type:

Code :
  1. --------------------
  2. |                  |
  3. --------------------
  4. ------------ ------
  5. |          | | bl |
  6. |          | | oc |
  7. |          | |    |
  8. ------------ ------
  9. -------------------
  10. |                 |
  11. -------------------


donc en suivant le bas de la fenêtre, il peut se retrouver sur le menu du haut ou sur mon bottom, ce qui donne pas terrible du tout :/
 
(merci déjà au fét [:mad_overclocker])

n°647382
fastclemmy
(re-)Dictateur en plastique
Posté le 18-02-2004 à 16:23:01  profilanswer
 

La taille de ton footer est fixe ?

mood
Publicité
Posté le 18-02-2004 à 16:23:01  profilanswer
 

n°647418
urd-sama
waste of space
Posté le 18-02-2004 à 16:46:40  profilanswer
 

footer?

n°647445
fastclemmy
(re-)Dictateur en plastique
Posté le 18-02-2004 à 16:57:36  profilanswer
 

Ton truc de bas de page quoi :D

n°647458
urd-sama
waste of space
Posté le 18-02-2004 à 16:59:53  profilanswer
 

à la base non, mais je peux toujours faire en sorte de le fixer en fait :)
je peux pas reprendre le projet avant mardi-mercredi prochain, je te retiens au courant
merci beaucoup :)

n°654208
urd-sama
waste of space
Posté le 25-02-2004 à 10:00:08  profilanswer
 

bon, si jamais j'en ai eu marre de me prendre la tête et j'ai inversé les deux blocs
je n'arrivais rien à faire en fixant la valeur du bas.


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [CSS] Problème de placement de div avec float

 

Sujets relatifs
[Windev7.5] Problème avec une clef composé[C++] Probleme de linkage sous Visual C++
petit problème avec mon forum phpbbProbleme de récupération des variables d'une page à l'autre
[PHP] Pendu probleme..[ CSS ] Saut de page ?
[CSS] Padding et IE5.0 [OK]Probleme de notification OnAccept sur les CSocket
[JS] Problème onchange et valeurs[tkinter] problème avec tkFileDialog.askopenfile()
Plus de sujets relatifs à : [CSS] Problème de placement de div avec float


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR