Design 2 colonnes / problème positionnement

(reprise du message précédent)

Je n'ai pas mes outils sur moi, donc je vais avoir du mal à répondre à tout. Mais voilà déjà quelques réponses :

stanfield a écrit :
T'as mis combien de temps pour arriver à ton niveau ?

Grosso modo, un peu plus d'un an.

stanfield a écrit :
quelques petits bugs encore :
-colonne "right" pas en place !
=>mais le pire c'est que je pige pas pourquoi !

Le code que je t'avais proposé marchait parfaitement. Quelles sont les modifications faites et qui posent problème ? Je te laisse analyser ça.

stanfield a écrit :
-text du footer qui n'est pas en bas...

Le texte du pied de page est en haut du bloc pied de page, ce qui est tout à fait logique. Pour l'aligner en bas, c'est une autre paire de manches, mais il y a plein de solutions possibles (padding sur div#footer, margin sur un paragraphe à l'intérieur de div#footer, etc).

stanfield a écrit :
-pourquoi le overflow:hidden sur le menu ?

Pour empêcher que les listes flottantes ne débordent de leur conteneur (div#menu), venant alors repousser div#content (qui est également flottant, donc repoussé par les flottants) et pas div#right.

stanfield a écrit :
-concernant le pied de page de 350px, quel autre positionnement possible ? tu as l'air de dire que l'absolu ne sert à rien ici ?

Tout simplement : le positionnement statique (normal, par défaut). Il suffit de laisser le bloc dans le flux, de lui appliquer peut-être un clear: both pour que les flottants ne viennent pas y mettre le bazar, et ça devrait marcher bien comme il faut.
Dans ce cas, on se passera du margin-bottom: 350px sur div#content et div#right.

Bon, je suis en train de me retaper le livre, chapitre positionnement... je commence à y voir plus clair.

Mais avant tout, je pense que c'est une bonne question :
est-ce que le "squelette" de mon site est bon ?
j'entend pas là, est-ce que tout mes div sont justifiés, est-ce qu'il en manque ? etc...

merci.

stanfield a écrit :
Mais avant tout, je pense que c'est une bonne question :
est-ce que le "squelette" de mon site est bon ?
j'entend pas là, est-ce que tout mes div sont justifiés, est-ce qu'il en manque ? etc...

On peut toujours pinailler sur les détails, mais globalement ça me semble tout à fait correct.

désolé j'avais remplacé les fichiers par les anciens, maitenant, c bon...

une idée pour ce footer ? je suis bien conscient que right et left sont hors du flux mais "content" qui contient right et left est en relatif donc le footer devrait se mettre juste après...

Bon... j'ai faché tout le monde, plus personne me parle, snif

Je continu en solo donc ! (pour mes mémoires !)
J'ai encore modifié le code de la page :

j'ai maintenant un bloc content positionné dans le flux avec à l'intérieur de lui, un bloc en absolute qui est bien positionné...

plusieurs problèmes :
-menu déroulant pousse le texte du content pour s'afficher...
-le div "right" recouvre le BLAH BLAH du content.

il faudrait mettre le "right" en float mais je n'y arrive pas...

Si qqun passe par là, donnez moi votre avis !

Merci d'avance.
Modifié par stanfield (22 Dec 2006 - 14:02)

sans blagues, les mecs, y'a plus personnes qui passe par ici ?

OK !
le float est bien en place !

En fait, l'élément flottant DOIT ABSOLUMENT être mis dans le code AVANT le bloc dans lequel on veut le positionner... ça je savais pas !

Or, chez moi il était après, et je cherchais la solution comme un co***** !

Et comme d'habitude : un problème de résolu, un nouveau apparait !
le bloc "right" est recouvert par le "content", j'ai essayé de jouer avec les z-index mais rien n'y fait !

Si qqun voit ce qui cloche...

A+ !
Modifié par stanfield (23 Dec 2006 - 15:37)

Après diverses mise en forme...

Mon titre <h1> depasse et va sur mon compteur, pourquoi ?

Salut

stanfield a écrit :
quand je met <a1> à la place de <h1>, là ça marche mais je n'arrive pas à positionner le texte à gauche...

Oui, mais la balise <a1>, c'est comme la cuillère : elle n'existe pas.

Pour que ton élément "article" s'arrête au niveau des flottants, il faut lui donner une marge à droite :

#article {
   margin-right: 36%;
}

et ça devrait fonctionner.

ok, en fait il n'existe pas de solution "automatique" ici...
ou alors changer le positionnement de toute la page... mais j'ai pas envie !

Edit : j'ai posté sans voir la deuxième page...

stanfield a écrit :
ouaip je sais, je me relis le chapitre depuis hiers soir !

Le problème n'est pas la lecture car ça je devine que tu sais faire, mais entre lire, comprendre, assimiler il y a des montagnes.
Perso pour comprendre il faut que je regarde les travaux des autres, je regarde, comprend, modifie un peu, casse tout (au grand dame des mes parents ) , répare et puis si tu arrives à comprendre le pourquoi et le comment de chacune de ces étapes tu as déjà fait un grand pas en avant et tu très proche de l'assimilation (qui sera quand tu auras fait toi même comme une grand)

Sinon entre la théorie et la pratique il y a des fois un petit rien qui change tout
Modifié par Spy-Seth (30 Dec 2006 - 17:11)

Oui, des heures d'entrainement...

Encore une question : pour mon menu, pourquoi je ne peux pas le mettre dans le flux ? si je le place en position relative, il pousse le "content" vers le bas...

j'ai essayé tout les positionnements possible.

A bientôt !

Salut

stanfield a écrit :
ah une question essentielle !

Comment faire pour savoir si mon site s'affiche bien sur IE6 (ce qui m'étonnerais...) sachant que je n'ai que IE7 et firefox ?

Y'a t'il un émulateur qqpart ?

MultipleIEs (en)