div à côté de mon texte qui grossi avec mon texte [CSS] - HTML/CSS - Programmation
Marsh Posté le 26-07-2005 à 18:02:32
Sinon, autre truc ennuyeux entre mon élément ".cadreTitreContenu .haut" et ".cadreTitreContenu .milieu", sous NS 7.0 je n'ai pas d'espace, alors que sous IE j'ai un saut de ligne, je ne vois pas d'où il vient (j'ai mis des padding:0 et margin:0 partout, des float, des clear:none, rien n'y fait )
Le code complète :
Code :
|
Code :
|
Marsh Posté le 27-07-2005 à 14:01:15
Je vous ai fait si peur que ça ???
Ca doit pourtant pas être bien compliqué...
Marsh Posté le 27-07-2005 à 14:17:55
J'ai trouvé sur le site d'Apple ce lien :
http://www.apple.com/macosx/
C'est donc un peu ce qu'il y a à droite que je veux, sauf que pour eux, c'est plus simple : la largeur est fixe, donc ils ont un background-image qui fait à la fois la bordure gauche et la bordure droite, et le texte directement dans ce div. Sauf que moi je ne peux pas, la largeur (ici contrainte par un DIV dimensionné qui est autour) n'est pas fixe, sur les autres pages, elle dépendra de la taille de la fenêtre.
Marsh Posté le 27-07-2005 à 14:47:04
Hé ho ! C'est pourtant simple mon problème, vous savez, quand on a un élément avec une taille de 100% qui ne prends la taille du parent que lorsque ce dernier est renseigné... sauf que moi je ne peux pas le renseigner...
Marsh Posté le 27-07-2005 à 14:51:23
Bon, on va mettre de ce côté ce problème, il reste toujours le truc blanc entre les deux div, ça vient d'où?
Marsh Posté le 27-07-2005 à 15:30:16
On dirait que tes bandes verticales sont trop petites par rapport au contenant : on dirait qu'il y a un centrage vertical.
Je n'ai pas mes sources perso sur moi, mais tu n'aurais pas oublier de mettre un "repeat-y" sur ces bandes verticales ?
Marsh Posté le 27-07-2005 à 15:48:12
Arjuna a écrit : Hé ho ! C'est pourtant simple mon problème, vous savez, quand on a un élément avec une taille de 100% qui ne prends la taille du parent que lorsque ce dernier est renseigné... sauf que moi je ne peux pas le renseigner... |
Pour un élément qui est en display block, il va toujours prendre 100% du parent, sans avoir besoin de renseigner quelqu'un
Marsh Posté le 27-07-2005 à 15:56:10
Cadox : http://www.456bereastreet.com/arch [...] d_borders/
T'as juste à modifier l'image pour prendre tes cadres
Marsh Posté le 27-07-2005 à 16:13:32
robbyone a écrit : On dirait que tes bandes verticales sont trop petites par rapport au contenant : on dirait qu'il y a un centrage vertical. |
Non, justement, le problème, c'est que les div contenant ces bandes ne grossissent pas. Le repeat se fait bien, puisque le fond fait un pixel de haut seulement, hors là om fait facilement 20px, mais le div ne veut pas grossir plus.
Marsh Posté le 27-07-2005 à 16:22:00
FlorentG a écrit : Cadox : http://www.456bereastreet.com/arch [...] d_borders/ |
Je viens de regarder, mais le problème, c'est que pour que ce soit joli, il faut utiliser un JavaScript, et je préfèrerais m'en passer.
Sans le JS, on a un simple block sans bords arrondis.
Marsh Posté le 27-07-2005 à 16:22:39
L'important, c'est l'information, pas le design Mais y'a moyen de faire une version à peu près joli, surtout avec ta structure
Marsh Posté le 27-07-2005 à 16:23:15
FlorentG a écrit : Pour un élément qui est en display block, il va toujours prendre 100% du parent, sans avoir besoin de renseigner quelqu'un |
ben non justement, ça ne marche pas
pour qu'il prenne toute la taille, il faut qu'un élément conteneur aie une taille définie, et que tous les contenants intermédiaires soit à 100% explicitement (testé)
Marsh Posté le 27-07-2005 à 16:30:52
Avec cette CSS :
Code :
|
Ca donne ça :
Si je vire le "height: 500px;" dans ".cadreLogin" (div conteneur de tout le cadre) ben j'ai le même résultat qu'avant.
Ca m'ennuie, parceque autant pour ce cas précis, je connais la taille exacte du cadre, autant sur les autres pages, il descend jusqu'en bas de la page, selon la taille du contenu... (ce sera la classe ".cadrePrincipal" qui sera alors utilisée).
Marsh Posté le 27-07-2005 à 16:39:23
FlorentG a écrit : Non |
Comprends pas. Ecris-moi le bout de class qui va bien, je ne comprends pas ce que tu racontes.
Sinon, comprends pas non plus ça :
http://membres.lycos.fr/magicbuzz/ [...] efault.htm
Même source qu'en local, et j'ai à nouveau le bug alors qu'en local ça marche...
Marsh Posté le 27-07-2005 à 16:41:37
Faut dire qu'avec leur putain de bannière de merde, ils bouffent mes déclarations XHTML, et à coup sûr c'est ça qui fait partir en live le parseur CSS d'IE
Marsh Posté le 27-07-2005 à 16:55:43
Bon, j'ai au moins réussi à corriger un truc : l'espace blanc sous IE : le H1 et le P on une margin avec IE, je l'ai virée, et ça remarche.
Par contre, maintenant reste plus qu'à corriger ce problème de hauteur qui marche pas.
Marsh Posté le 27-07-2005 à 17:22:57
Nouvelle version (avec le bas du cadre maintenant)
Reste plus qu'à virer le "height: 500px;" dans ".cadreLogin"...
(même url qui déconne chez multimania, faut copier la page et tout le bordel qui va avec en local, et virer les script )
Marsh Posté le 26-07-2005 à 17:58:45
Salut,
J'ai un petit cadre joli tout plein sur une maquette dans lequel je dois insérer mes textes.
J'ai donc commencé à le mettre en place, et j'ai un souci :
Sur la droite du texte, j'ai :
-> Un logo
-> Puis en dessous une image qui se répète en background
Sur la gauche, j'ai aussi une image qui se répète en background
Et au milieu, j'ai mon texte.
J'ai fait ça :
Bon, déjà, j'ai dû faire un hack pour que le div contenant le background de droite soit au moins aussi grand que le logo. Il y avait aussi un hack utilisant "!important", mais ça ne marche pas avec NS 7.0, j'ai donc opté pour celui-ci qui est moins sexy.
Par contre, ça ne résoud pas mon problème de texte. Si mon <p> grossi, alors il descend plus bas que le cadre, et le cadre ne grandi pas (ce qui me semble normal d'ailleur)
Comment faire pour que ça marche ?
Evidement, les "height: auto" ou "height: 100%" ne marchent pas.