Probleme 3 colonnes

Bonjour

Pour cigogne.net, j'ai fait une mise en page 3 colonne sur la base de http://css.alsacreations.com/modeles/modele6.htm

Mais j'ai un probleme : quand la la colonne principale est trop coute mon pied de page viens en dessous de mes menus. Je n'ai pas trouvé comment regler le problemes

Exemple du probleme : http://www.cigogne.net/article471.html

Oui, c'est avant tout un problème de position absolue qui sort du flux

Essaye de mettre les colonnes en float, et d'appliquer un clear: both sur le pied

[au passage, valide ton code, y'a quelques erreurs]

FlorentG a écrit :
[au passage, valide ton code, y'a quelques erreurs]

Pour la validation, j'y travaille ... mais j'approche. Pour les A majuscule, il faut que je modifie un peu de code de SPIP. Mais par contre, je comprend rien au message sur les ul et li : ca me semble bon ? Mais il me met une erreur ??

Je vais essayer avec les float ce soir

Le problème du <ul>, c'est qu'il traîne au milieu d'un autre <ul> :

<ul>
  <li></li>
  <ul>
    <li></li>
    <li></li>
  </ul>
  <li></li>
</ul>

Hors, tu ne peux mettre que des <li> dans un <ul>

FlorentG a écrit :
Hors, tu ne peux mettre que des <li> dans un <ul>

(joke)
hors
(/joke)

Raphael a écrit :

(joke)
hors
(/joke)

Rhaaaaa je suis tombé dedans Aujourd'hui j'arrête pas de faire ce genre de fautes

FlorentG a écrit :
Le problème du <ul>, c'est qu'il traîne au milieu d'un autre <ul> :

<ul>
  <li></li>
  <ul>
    <li></li>
    <li></li>
  </ul>
  <li></li>
</ul>

Hors, tu ne peux mettre que des <li> dans un <ul>

Ben je fais comment alors pour faire une deuxieme niveau ?

C'est peut être comme ca la bonne syntaxe ?
<ul>
<li>
<ul>
<li></li>
<li></li>
</ul></li>
<li></li>
</ul>

Voilà, faut rajouter des <li>

FlorentG a écrit :
Voilà, faut rajouter des <li>

Cette partie valide maintenant ! J'ai encore un truc que je comprend pas :

Line 234, column 65: the name and VI delimiter can be omitted from an attribute specification only if SHORTTAG YES is specified

..."SearchEngine" type="radio" value="Google" checked />

Qu'est ce qu'il veux bien dire pas là ????

Tu n'as pas mis de valeur à l'attribut checked. Il faut faire comme ça :

<input name="SearchEngine" type="radio" value="Google" checked="checked" />

FlorentG a écrit :
Tu n'as pas mis de valeur à l'attribut checked. Il faut faire comme ça :

<input name="SearchEngine" type="radio" value="Google" checked="checked" />

Ah ! C'est plus claire tout de suite !

Ca y est, je valide ! ... la page d'accueil : je n'ai plus qu'a m'occuper des autres !

FlorentG a écrit :
Essaye de mettre les colonnes en float, et d'appliquer un clear: both sur le pied

Merci pour l'idée du float, ca marche : http://www.cigogne.net/article471.html

Ca m'a même éliminé un probleme de décalage de colonne. Par contre elles n'ont plus la même largeur sous IE et sous Firefox (à cause d'un padding) mais c'est pas grave !

Niveau de la largeur, si tu veux que ça soit partout pareil, utilise un doctype switching, comme expliqué sur openweb

FlorentG a écrit :
Niveau de la largeur, si tu veux que ça soit partout pareil, utilise un doctype switching, comme expliqué sur openweb

Pour le moment, je préfere avoir des css lisibles. Plutot qu'un gros hack
J'attendrai IE7 pour que ca marche

Autre solution : éviter le padding si l'objet est dimensionné.
En général on peut s'en sortir :

Lien 1
Lien 2
Modifié par Raphael (03 Mar 2005 - 22:47)