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

Problème de placement de div avec float [CSS] - HTML/CSS - Programmation

Marsh Posté le 18-02-2004 à 13:21:33    

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]

Reply

Marsh Posté le 18-02-2004 à 13:21:33   

Reply

Marsh Posté le 18-02-2004 à 13:39:12    

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
Reply

Marsh Posté le 18-02-2004 à 13:41:21    

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

Reply

Marsh Posté le 18-02-2004 à 14:30:14    

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

Reply

Marsh Posté le 18-02-2004 à 15:19:23    

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

Reply

Marsh Posté le 18-02-2004 à 15:20:26    

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 ?

Reply

Marsh Posté le 18-02-2004 à 15:31:50    

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

Reply

Marsh Posté le 18-02-2004 à 15:34:08    

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 ?

Reply

Marsh Posté le 18-02-2004 à 15:41:14    

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])

Reply

Marsh Posté le 18-02-2004 à 16:23:01    

La taille de ton footer est fixe ?

Reply

Marsh Posté le 18-02-2004 à 16:23:01   

Reply

Marsh Posté le 18-02-2004 à 16:46:40    

footer?

Reply

Marsh Posté le 18-02-2004 à 16:57:36    

Ton truc de bas de page quoi :D

Reply

Marsh Posté le 18-02-2004 à 16:59:53    

à 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 :)

Reply

Marsh Posté le 25-02-2004 à 10:00:08    

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.

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed