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

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Sujets relatifs:

Leave a Replay

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