OVH Cloud OVH Cloud

3 col encore

4 réponses
Avatar
Le Fou
Salut,

Toujours dans mes essais, me basant sur vos précédentes réponses, voici ce
que je souhaite obtenir :
http://aigokeros.free.fr/3col/colonne_1_fixe.jpg

Mais on peut voir :
http://aigokeros.free.fr/3col/colonne_1_fixe.htm
http://aigokeros.free.fr/3col/colonne_1_fixe.css
qu'il y a encore des problèmes :

- Le div "conteneur", sensé contenir les différentes colonnes, ne contient
rien !
Il a une bordure fushia et on voit bien qu'il est vide, ce qui fait que le
div "pied_de_page" n'est pas du tout à sa place.
Comment remédier à ce problème ?

- Avec IE 5.0 Win, je m'apperçois, quand la taille de la fenêtre diminue,
que le bas de la page n'est pas visible, ni accessible...
Là aussi, 'savez pourquoi ?
Merci.

--
A'tchao

Le Fou
http://www.ffessm-cd84.com/
http://ehiller.club.fr/

4 réponses

Avatar
ASM
Le Fou a écrit :
Salut,

Toujours dans mes essais,



je te recommande :
http://css.alsacreations.com/Modeles-de-mise-en-page-en-CSS

me basant sur vos précédentes réponses, voici ce
que je souhaite obtenir :
http://aigokeros.free.fr/3col/colonne_1_fixe.jpg



entete, conteneur et pieddepage :
- position:relative
- posés dans le html dans l'ordre

pied-de-page :
- par précaution, on peut lui ajouter
clear: both;
pour arreter des flotaisons égarées

conteneur-gauche :
- position:absolute;
- width:198px;

conteneur-droit :
- margin-left: 218px
- pas de largeur pour lui laisser prendre le reste de place dispo

conteneur-colonnes :
- position: relative

colonne 50 :
- float: left
- width: 48%
- mettre un arret de flotaison après colonne 2
<hr style="clear:left;visibility:hidden">

je te laisse régler les petits détails :-)

Mais on peut voir :
http://aigokeros.free.fr/3col/colonne_1_fixe.htm



là tu as dû te gourer et ne pas avoir fermé 'conteneur'
avant d'ouvrir 'pied-de-page'

http://aigokeros.free.fr/3col/colonne_1_fixe.css



pas regardé.
plus tard ?

qu'il y a encore des problèmes :

- Le div "conteneur", sensé contenir les différentes colonnes, ne contient
rien !



un div s'il contient des floats
ne sait pas où s'arreter en bas
il attend que tu mettes un arret de flotaison
et si tu le positionnes il comprendra bp plus de choses :-)

voir et revoir
http://www.yoyodesign.org/doc/w3c/css2/indexlist.html

- Avec IE 5.0 Win, je m'apperçois, quand la taille de la fenêtre diminue,
que le bas de la page n'est pas visible, ni accessible...
Là aussi, 'savez pourquoi ?



j'ai pas IE5 win
mais ...
arret de flotaison svp


--
Stephane Moriaux et son [moins] vieux Mac
Avatar
Dominique Ottello
ASM écrivait :

pied-de-page :
- par précaution, on peut lui ajouter
clear: both;
pour arreter des flotaisons égarées



Et oui, ça ne se voit pas *de suite* dans la page que j'ai donné en
exemple, mais j'arrête les flottaisons égarées par une balise <hr> mais,
dans le fichier css, on a : hr {clear:both;visibility:hidden;}
--
Aujourd'hui, l'idéal du progrès est remplacé par l'idéal de l'innovation :
il ne s'agit pas que ce soit mieux, il s'agit seulement que ce soit nouveau,
même si c'est pire qu'avant et cela de toute évidence. Montherlant
Technologie aéronautique : http://aviatechno.free.fr
Avatar
Le Fou
Dominique Ottello a écrit

Et oui, ça ne se voit pas *de suite* dans la page que j'ai donné en
exemple, mais j'arrête les flottaisons égarées par une balise <hr> mais,
dans le fichier css, on a : hr {clear:both;visibility:hidden;}



Tu me prends pour un jambon ? ;-))
Bien sûr que j'ai vu ça. Je l'ai même rendu visible dans mon code.
Mais je n'ai peut-être pas placé des hr partout où il falait.
Je verrai ça ce week-end...

--
A'tchao

Le Fou
http://www.ffessm-cd84.com/
http://ehiller.club.fr/
Avatar
Le Fou
ASM a écrit
Le Fou a écrit :
> Toujours dans mes essais,

je te recommande :
http://css.alsacreations.com/Modeles-de-mise-en-page-en-CSS
entete, conteneur et pieddepage :
- position:relative
- posés dans le html dans l'ordre
(...)



Merci pour tes conseils, je verrai ça ce week-end à tête reposée.

--
A'tchao

Le Fou
http://www.ffessm-cd84.com/
http://ehiller.club.fr/