Structure CSS

Structure CSS - HTML/CSS - Programmation

Marsh Posté le 02-02-2005 à 12:46:00    

Bon voilà ma question est simple, est ce que l'on peut faire une structure comme ca :
 
http://www.editeurjavascript.com
 
mais sans tableaux !?!?
 
enfin avec deux colonnes de chaque cotés et le contenu au milieu, ca fait plusieurs jours que je galère avec des float, clear et cie :sweat: aors si c'est impossible qu'on me le dise now, je me ferais une raison !
 
 
edit : enfin j'ai oublié de préciser que le contenu (colonne du milieu donc) n'as pas de largeur fixe, pour s'adapter à la résolution !


Message édité par Dr Raf le 02-02-2005 à 12:47:35
Reply

Marsh Posté le 02-02-2005 à 12:46:00   

Reply

Marsh Posté le 02-02-2005 à 13:06:22    

Oui, c'est tout à fait possible.
 
Voici un exemple : http://www.alsacreations.com/artic [...] _fluid.htm


---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com
Reply

Marsh Posté le 02-02-2005 à 13:07:10    

Va voir sur ce site :
http://www.alsacreations.com/articles
 
Edit : Grilled :D


Message édité par cerel le 02-02-2005 à 13:09:25
Reply

Marsh Posté le 02-02-2005 à 13:13:00    

poua alors la je suis scié !! ^^

Reply

Marsh Posté le 02-02-2005 à 16:20:27    

Dr Raf a écrit :

poua alors la je suis scié !! ^^


En fait le principe est très simple. Tu as trois blocs :
- un bloc droite et un bloc gauche (positionnés soit en flottant, soir en absolu)
- un bloc central qui, comme tous les blocs, prend automatiquement la largeur disponible
 
Le tout est donc fluide.
 
Pour les positionnements :
- http://openweb.eu.org/mise_en_page/
- http://www.alsacreations.com/articles/div/


---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com
Reply

Marsh Posté le 02-02-2005 à 16:25:18    

Dr Raf a écrit :

Bon voilà ma question est simple, est ce que l'on peut faire une structure comme ca :
 
http://www.editeurjavascript.com
 
mais sans tableaux !?!?


La page bugge :whistle:  
et oui (comme déjà dit)
et on peut même faire laaaaargement mieux :o (http://www.csszengarden.com << attention, la majorité des designs ne sont pas "fluides", je précise quand même [:aloy] )
(mais bon quand on voit Zen Ocean on pardonne, même s'il n'est pas fluide)
(Firefox ou Opera obligatoire, IE fait son moisi, comme d'hab sur les designs CSSZG "spéciaux" )


Message édité par masklinn le 02-02-2005 à 16:28:26

---------------
I mean, true, a cancer will probably destroy its host organism. But what about the cells whose mutations allow them to think outside the box, and replicate and expand beyond their wildest dreams by throwing away the limits imposed by overbearing genetic r
Reply

Sujets relatifs:

Leave a Replay

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