Utilisation Div et CSS

Utilisation Div et CSS - HTML/CSS - Programmation

Marsh Posté le 12-06-2006 à 19:17:45    

Bonjour,
 
J'utilise une feuille CSS pour placé toutes les images de mon site, je place mes images avec position:absolute
 
Par contre pour mon pied de page j'aimerais quil se deplace en fonction de la longueur de la page, le probleme c'est que "Ce type de boîte est retiré du flux normal et n’a aucun effet sur les boîtes de ce flux" donc si je met le pied de page en relative il se met tous en haut de ma page car mes autres block sont en absolue
 
Comment puis je mettre a la fin de ma page le PIED de PAGE mais pas en absolue car sa position peut varier en fonction des pages ?
 
Merci beaucoup

Reply

Marsh Posté le 12-06-2006 à 19:17:45   

Reply

Marsh Posté le 12-06-2006 à 19:28:50    

la position absolue c nul :o
a n utiliser que dans certains cas particuliers
(genre les nostalgiques des frames :D )
menfin ce n est que mon avis
je fais tout en float

Reply

Marsh Posté le 12-06-2006 à 19:57:53    

tiens je cherche la même chose depuis une semaine mais toujours pas trouvé :(
mirror explique nous comment faire avec les "float" au lieu de dire que c'est nul! moi je trouve ça très bien pour l'instant!

Reply

Marsh Posté le 12-06-2006 à 20:32:53    

bah ce n est que mon avis hein
mais absolute fige la mise en page
(et en meme temps sapu aussi la mise en page automatique de dreamweaver :D)
donc le mieux a faire c est de lire un peu la doc css2
http://www.yoyodesign.org/doc/w3c/css2/cover.html
 
et hop le chapitre sur les flottants
http://www.yoyodesign.org/doc/w3c/ [...] tml#floats

Reply

Marsh Posté le 12-06-2006 à 21:02:52    

Dand le cas ou l'un veux pas que la page se redimentionne en largeur je vois pas le problème d'utiliser le pôsitionnement absolue !!! ca reviens au meme que d'utiliser des <table> avec des tailles

Reply

Marsh Posté le 12-06-2006 à 21:11:31    

mais pourquoi utiliser le position:absolute ??
 
ou pourrait avoir un exemple de ton design ? car si ton site s'etend en hauteur ou bien le contenu change, le position absolute n'est pas vraiment ton copain.
 
Il n"y a que de très rares cas ou j'utilise le position:absolute pour placer des blocks, c'est lors je sais que le contenu central sera fixe avec un overflow, et que le contenu externe n'est que du visuel (un coup d'une image en background et basta :D)

Reply

Marsh Posté le 12-06-2006 à 22:30:51    

justement c est un peu trop comme les tables ...
ca te fait perdre toute la souplesse des css  
et ca alourdit le code

Reply

Marsh Posté le 13-06-2006 à 07:12:15    

J'ai regardé vite fait ta doc sur les float, ça à l'air interessant, faudra que j'approfondisse.
Un exemple ou j'utilise position: absolute: le site que je fait pour présenter mon portfolio à l'iut, pas très interessant mais tu verras que presque tout est en absolute (je n'ai pas trouvé d'autres alternatives pour l'instant), et j'ai un problème pour le copyright en bas, je cherche à ce qu'il se décale en fonction de ce qu'il y a au dessus.

Reply

Marsh Posté le 13-06-2006 à 09:01:02    

A la rigueur tu place que les éléments principaux en absolute (colonne centrale, colonne de gauche, colonne de droite et header, et pas plus

Reply

Marsh Posté le 13-06-2006 à 09:01:41    

et fixe la largeur des colonnes de droite et gauche, ca pourrait te jouer des tours sur d'autres résolutions. pense en 1024x768 ou en 800x600 si tu as le courage :D

Reply

Marsh Posté le 13-06-2006 à 09:01:41   

Reply

Marsh Posté le 13-06-2006 à 09:02:22    

et sinon tu aurais mieux du centrer ton site sans le mettre en dur dans la page, ca te fait de vieilles marges de merde sur le coté :/

Reply

Marsh Posté le 13-06-2006 à 12:54:32    

en dur dans la page? c'est à dire?
j'ai tout mis en % en fait, le site s'étend sur 80% de la page, le menu de gauche 15% je crois et pareil pour la droite, le centre prends le reste si je me souviens bien.

Reply

Marsh Posté le 13-06-2006 à 17:31:38    

Très bonne chose les float pour les images, j'ai pu virer tous les tableaux ou j'avais une image d'un coté et le texte de l'autre :)
Mais pour les cadres je vois pas encore comment faire avec.

Reply

Sujets relatifs:

Leave a Replay

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