28220 sujets

CSS et mise en forme, CSS3

[résolu] Afficher 3 colonnes en tableaux

Bonjour je voudrais faire un design comme ci dessous :
http://img299.echo.cx/img299/9508/apercu2jm.th.png

Avec un menu en haut, un petit rectangle "a propos" en dessous. Encore en dessous 3 colonnes qui devront forcément avoir la même longueur peu importe le contenu. Enfin en dessous (pas forcément collé en bas) il y aura un "footer" (en français on peux dire "pied". Pour "header" on dit quoi en français ?")

Pour l'instant c'est là :
http://working.entreparenthese.net/

Mais je n'arrive pas à faire mes 3 colonnes Smiley decu

Si vous pouvez m'aider... Merci Smiley smile
Modifié par ThomasB (18 Jun 2005 - 11:53)
Je viens de voir la page en question (ça m'apprendra à parler trop vite)...

Hmm tu touches le point sensible du positionement CSS là Smiley smile

C'est pas trop possible ce truc, en tout cas pas à ma connaissance.
Enfin, si sous Firefox, mais pas sous IE.

Donc pour FF ça sera à base de display: table; ou table-cell je sais plus trop sinon, retour aux tableaux Smiley ohwell
Justement, j'essaye d'utiliser display: table-cell, display: table; on verra pour IE plus tard Smiley smile

Sinon il n'y a pas d'autres solution à base de float:left, etc. ?
Je viens d'éssayer avec des float: left (en local) et ça à l'air de marcher mais j'aurai bien aimer utiliser display: table-* Smiley rolleyes

Cependant je me rend compte qu'un design tout en em n'est pas forcément bien si l'utilisateur souhaite agrandit la police => les cadres "grandissent" aussi et dépassent 800*600
Je vais donc le faire en ipxel et mettre un design alternatif en pourcentage Smiley smile

Quelle taille vaut-il mieux mettre :
-800% ?
-760% ?
-744% ?

Merci
Salut,

je reformule un peu ta question

faire une mise en page de trois colonnes de largeurs égales centrées dans la page. Et tant qu'à faire que le tout soit fluide

modification de css

#conteneur {
    width: 100%;
    height:500px;/*ça c'est juste pour y voir + clair*/
}

#moi, #carnet, #portfolio {
    background: #eee;
    height: 100%;
    width: 30%;
    margin: 1%;
    float:left;
}

#moi {
margin-left:1.6%;/*infame bidouillage spécial IE*/
}

#conteneur>#moi {
margin-left:3%;
}


testé IE6, FF, Opera avec toutes les largeurs possible de la sidebar et c'est ok

++
Modifié par clb56 (18 Jun 2005 - 07:54)
Sujet clos
Aller à