Aide pour un CSS qui creer du blanc
Aide pour un CSS qui creer du blanc - HTML/CSS - Programmation
Marsh Posté le 07-07-2004 à 17:05:08
"<div style=\"background-image:url('images/mct.jpg'); width:725px; height:100%\">hi<p>hi</p><p>hi</p></div>".
d'enlever le height ?
---------------
What if I were smiling and running into your arms? Would you see then what I see now?
Marsh Posté le 07-07-2004 à 17:10:29
je l'ai fait et ca reste a la hauteur des 3 hi.
or je veut que ca aille tout en bas 
Marsh Posté le 07-07-2004 à 17:11:45
moi je dis, vive les tableaux. merde quoi.
---------------
What if I were smiling and running into your arms? Would you see then what I see now?
Marsh Posté le 07-07-2004 à 17:12:35
surement vi, mais je voudrait comprendre ca ![[:dawa]](https://forum-images.hardware.fr/images/perso/dawa.gif "[:dawa]")
c'est pas la premiere fois que ca me le fait et j'ai jamais compris
merde quoi 
Marsh Posté le 07-07-2004 à 17:14:18
<table style=\"border-collapse:collapse; height:100%;\"...
<div style=\"background-image:url('images/mct.jpg'); width:725px; height:100%\"> ...
2x 100% cela me choque
---------------
fermez vos topics résolus avec le tag [Résolu] en fin de titre. Merci !
Marsh Posté le 07-07-2004 à 17:15:54
si je retire celui du tableau, ca coupe à la hauteur des 3 hi (en dessous)
Marsh Posté le 07-07-2004 à 17:29:38
bon, je l'ai entouré de rouge, et je voit qu'il ne se termine meme pas ![[:totoz]](https://forum-images.hardware.fr/images/perso/totoz.gif "[:totoz]")
Marsh Posté le 07-07-2004 à 17:30:10
et une forme du type :
<table height="100%"><tr><td>
<div id="entete"></div>
<div id="logo"></div>
<div id="menu"></div>
<div id="texte"></div>
<div id="piedpage"></div>
</td></tr></table>
avec le background de la cellule en noir comme cela la partie avce "hi", on ne verra pas la fin
Message édité par T509 le 07-07-2004 à 17:33:02
---------------
fermez vos topics résolus avec le tag [Résolu] en fin de titre. Merci !
Marsh Posté le 07-07-2004 à 17:32:14
oui, mais j'aimerai le corriger de cette maniere.
Je sais que via les DIV c'est faibable, mais j'aimerai d'abord fixé ca
Marsh Posté le 07-07-2004 à 17:33:55
Pour moi ce sont les 2 100% qui t'ennuient
Edit là au dessus
---------------
fermez vos topics résolus avec le tag [Résolu] en fin de titre. Merci !
Marsh Posté le 07-07-2004 à 17:36:08
bon ecoute, je suis d'accord avec toute tes proposition, je me doute bien que les autres methodes fonctionne et tout et tout, je l'ai fait plus d'un fois.
Mais il faut vraiment que je fixe le bordel dans l'etat ou c'est.
c'est ptet bete, mais je doit.
Donc pour l'histoire des 2 100%, j'ai expliqué que si je les retire (1 des 2 du moins) ca marche pas du tout
Marsh Posté le 07-07-2004 à 17:42:39
Ne t'ennerve pas c'est pas la peine
---------------
fermez vos topics résolus avec le tag [Résolu] en fin de titre. Merci !
Marsh Posté le 07-07-2004 à 17:43:10
| T509 a écrit : Ne t'ennerve pas c'est pas la peine |
désolé je vient de me rendre compte que mon poste etait un peu agressif.
l'intention n'est pas la
mais les faits le restent 
Message édité par Profil supprimé le 07-07-2004 à 17:43:26
Marsh Posté le 07-07-2004 à 17:49:55
<div style=\"background-image:url('images/mct.jpg'); width:725px; height:305px\"> et cela marche (si j'ai bien compris ce que tu veux obtenir)
---------------
fermez vos topics résolus avec le tag [Résolu] en fin de titre. Merci !
Marsh Posté le 07-07-2004 à 17:52:17
ben non la hauteur est totalement variable
je veut que l'image mct se repete jusqu'au bout de la page.
Mais ne mette pas de scroll comme sous firefox
Marsh Posté le 07-07-2004 à 17:56:02
<div style=\"background-image:url('images/mct.jpg') repeat-y; width:725px; height:100%\">
???
---------------
fermez vos topics résolus avec le tag [Résolu] en fin de titre. Merci !
Marsh Posté le 07-07-2004 à 20:02:12
c'est exactement ce que j'ai 
je vient de voir que le code etait pas entierement mis dans le premier post
Code :
|
Marsh Posté le 07-07-2004 à 20:14:55
Et si plutôt que de mettre ton div à 100%, tu lui fixes une hauteur minimale : min-height: 305px;
Cela permet d'avoir la solution de tout à l'heure sans la scrollbar que tu souhaites éviter puisqu'il n'y a pas de maxi.
---------------
fermez vos topics résolus avec le tag [Résolu] en fin de titre. Merci !
Marsh Posté le 07-07-2004 à 20:22:53
wai mais nan
matte bien l'image du milieu et tu va voir qu'il n'y a pas de bas
En gros le bas, c'est l'ecran
Donc si je met 305 ou meme 500, ben la personne qui aura une grosse resolution ne sera pas stoppé par l'ecran mais à xxx px 
Marsh Posté le 07-07-2004 à 20:28:31
Quel est le résultat désiré ?
Je jette un oeil si :
- tu mets un DOCTYPE et tu valides
- tu indentes correctement ton code (le mono-ligne très peu pour moi)
---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Marsh Posté le 07-07-2004 à 20:29:08
| gm_superstar a écrit : Quel est le résultat désiré ? |
bon ben ca sera demain alors
Marsh Posté le 07-07-2004 à 20:31:26
Et vire les attributs "style" 
---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Marsh Posté le 07-07-2004 à 20:31:48
bon deja ma css est valide
"No error or warning found"
m'occupe du reste demain
Marsh Posté le 07-07-2004 à 20:32:03
Reply![[:joce]](https://forum-images.hardware.fr/images/perso/joce.gif "[:joce]")
Marsh Posté le 07-07-2004 à 20:33:28
Ce que tu veux.... des clases, des id, des sélections d'élément...
---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Marsh Posté le 07-07-2004 à 20:35:46
vi, mais je le met dans le CSS, qu'un fois qu'il est bon.
un vieille mauvaise habitude
Marsh Posté le 07-07-2004 à 20:44:17
bon ca merde encore plus en mettant en transitional
sauf IE, ca marche inpec
Marsh Posté le 07-07-2004 à 20:49:54
Déjà un
html, body {
height: 100%;
}
ne peut pas faire de mal
---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Marsh Posté le 08-07-2004 à 07:32:08
ca merde encore
j'ai retirer les style au passage et validé xhtml transitional
Message édité par Profil supprimé le 08-07-2004 à 07:35:37
Marsh Posté le 08-07-2004 à 10:05:05
bon, j'ai resolu le probleme je sais pas trop comment, mais j'ai jouer avec le height 100% et le margin-bottom:0;
Maintenant j'ai un probleme
Je n'arrive pas a etendre le div jusqu'au bas
sous firefox soit ca fait reaparaitre le scrolling, soit ca s'agrandit pas.
Sous IE, ca reste a taille fixe
http://if-faw.com/v2/index3.php
en rouge ci dessus
Message édité par Profil supprimé le 08-07-2004 à 10:07:53
Marsh Posté le 08-07-2004 à 10:40:35
edit : oui, le height 100% merde completement
Message édité par Profil supprimé le 08-07-2004 à 10:40:53
Marsh Posté le 08-07-2004 à 20:42:12
Bon alors ? Y'a encore un problème ?
---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Sujets relatifs:
- [html/css] aligner à gauche et à droite dans une même cellule
- [CSS] Espace dans un tableau
- créer un dossier ?
- un peu aide serai la bienvenu
- créer une barre d'outils
- Un composant ActiveX ne peut pas créer un objet.
- Besoin d aide pour une macro excel / VBA svp
- Comment créer un disque virtuel ???
- Un probleme de CSS et de DIV avec IE
- Créer une base de donnée?
Marsh Posté le 07-07-2004 à 17:02:07
J'ai un petit probleme en CSS pour creer un div d'une hauteur de 100%
la page est ici : http://if-faw.com/v2/index3.php
et comme vous le voyez, ca creer une demi page de blanc alors que cela doit s'arreter a la limite de la page
le CSS est ici
http://if-faw.com/v2/template/if-faw.css
et le div qui pose probleme est dans le code directement
echo "<html>".
"<head>".
"<link type=\"text/css\" href=\"template/if-faw.css\" rel=\"stylesheet\">".
"</head>".
"<body>";
echo "<table style=\"border-collapse:collapse; height:100%;\" cellspacing=\"0\" cellpadding=\"0\">".
"<tr><td class=\"left\"> </td>".
"<td class=\"middle\">".
"<div class=\"top_logo\"></div>".
"<div class=\"menu\">".
"<img src=\"images/menubox.png\" /> <a href=\"#\">Home</a><br />".
"<img src=\"images/menubox.png\" /> <a href=\"#\">Forum</a><br />".
"<img src=\"images/menubox.png\" /> <a href=\"#\">Roster</a><br />".
"<img src=\"images/menubox.png\" /> <a href=\"#\">Download & Links</a><br />".
"<img src=\"images/menubox.png\" /> <a href=\"#\">Matches</a><br />".
"<img src=\"images/menubox.png\" /> <a href=\"#\">Challenge us</a><br />".
"<img src=\"images/menubox.png\" /> <a href=\"#\">Register</a><br />".
"<img src=\"images/menubox.png\" /> <a href=\"#\">Administration</a><br />".
"</div>".
"<div class=\"top_banner\"></div>".
"<div style=\"background-image:url('images/tct.jpg'); margin-top:5px; width:725px; height:32px;\"></div>".
"<div style=\"background-image:url('images/mct.jpg'); width:725px; height:100%\">hi<p>hi</p><p>hi</p></div>".
"</td>".
"<td class=\"right\"> </td></tr>".
"</table>";
c'est la derniere div avec le mct en bgimage.
J'arrive pas retirer ce foutu truc blanc en bas, j'ai pourtant essayer les margin-bottom=1 au lieu de 0, le height=99% au lieu de 100, mais rien n'y fait