Cell Hauteur Problème

  • Digi Stylers
  • Novice
  • Novice
  • Avatar de l’utilisateur
  • Inscription: Avr 08, 2004
  • Messages: 19
  • Loc: UK
  • Status: Offline

Message Avril 9th, 2004, 4:22 am

C'est sans doute ce qui a vraiment de réponse simple, mais son écoute-moi. J'ai une table avec 3 lignes: Header, Nav bar, Contenu principal. Le contenu principal de hauteur a une couleur de fond et est fixé à 100%. Le problème est que la cellule ne s'étend vers le bas autant que le contenu ne doit (1 ligne de texte et de lignes que de 1 la valeur de la couleur de fond pour cette cellule). Comment puis-je résoudre ce problème et faire de la couleur de remplir le reste de la page?

Observe,
Mark
  • Anonymous
  • Bot
  • No Avatar
  • Inscription: 25 Feb 2008
  • Messages: ?
  • Loc: Ozzuland
  • Status: Online

Message Avril 9th, 2004, 4:22 am

  • rtm223
  • Mastermind
  • Mastermind
  • Avatar de l’utilisateur
  • Inscription: Mar 24, 2004
  • Messages: 1855
  • Loc: Uk
  • Status: Offline

Message Avril 9th, 2004, 5:07 am

Si je comprends votre droite, vous voulez:
header: hauteur fixe
navbar: hauteur fixe
corps: l'étirement vers le bas de l'écran?
Si Im à droite, puis vous devriez être en mesure de le faire par la mise en table hauteur de 100%, régler la hauteur du titre et navbar, mais laisser la hauteur de la cellule en tant que principal auto.

Si cela ne fonctionne pas, ou j'ai la mauvaise idée de publier le dos.
  • Digi Stylers
  • Novice
  • Novice
  • Avatar de l’utilisateur
  • Inscription: Avr 08, 2004
  • Messages: 19
  • Loc: UK
  • Status: Offline

Message Avril 9th, 2004, 5:44 am

À l'heure actuelle, j'ai:

Tête: W: 100% H: 50
Nav Bar: W: 100% H: 16
Contenu principal: W: 100% H: 100%

Toutes ces cellules sont dans un tableau avec: W: 100% H: 100%

Le contenu a un fond bleu, mais il ne montre que ça: Vous mettez 1 ligne de texte en elle, theres une ligne bleue, vous avez mis 2 lignes de texte en elle, theres 2 lignes de bleu, tout le reste est blanc (le corps de couleur bg)

Observe,
Mark
  • rtm223
  • Mastermind
  • Mastermind
  • Avatar de l’utilisateur
  • Inscription: Mar 24, 2004
  • Messages: 1855
  • Loc: Uk
  • Status: Offline

Message Avril 9th, 2004, 7:09 am

utilisez-vous les attributs des balises ou css utilisez-vous?

Post le code que vous utilisez.

Mauvais ont un peu de jeu voir ce qui se passe.
CSS website design tutorials
  • rtm223
  • Mastermind
  • Mastermind
  • Avatar de l’utilisateur
  • Inscription: Mar 24, 2004
  • Messages: 1855
  • Loc: Uk
  • Status: Offline

Message Avril 9th, 2004, 7:17 am

Try this, Ive a toutes les couleurs horribles pour montrer la scission:

Code: [ Select ]
<table style='width:100%; height:100%'>
    <tr>
        <td style="height:50px; background-color:#ff0000">Title</td>
    </tr>
    <tr>
        <td style="height:50px; background-color:#00ff00">Nav bar</td>
    </tr>
    <tr>
        <td style="background-color:#0000ff">main</td>
    </tr>
</table>
  1. <table style='width:100%; height:100%'>
  2.     <tr>
  3.         <td style="height:50px; background-color:#ff0000">Title</td>
  4.     </tr>
  5.     <tr>
  6.         <td style="height:50px; background-color:#00ff00">Nav bar</td>
  7.     </tr>
  8.     <tr>
  9.         <td style="background-color:#0000ff">main</td>
  10.     </tr>
  11. </table>


J'ai essentiellement:
faits sur la table 100% de largeur et de hauteur
-définir la hauteur des deux premières cellules (pas la largeur comme ils remplissent le tableau)
-gauche à la fois la hauteur et la largeur du corps principal Auto

Hope this helps, profiter :)
CSS website design tutorials
  • Digi Stylers
  • Novice
  • Novice
  • Avatar de l’utilisateur
  • Inscription: Avr 08, 2004
  • Messages: 19
  • Loc: UK
  • Status: Offline

Message Avril 9th, 2004, 10:12 am

J'ai essayé, même problème. Si vous affichez dans IE alors que la principale cellule se rétrécit jusqu'à ce que le texte.

Observe,
Mark
  • rtm223
  • Mastermind
  • Mastermind
  • Avatar de l’utilisateur
  • Inscription: Mar 24, 2004
  • Messages: 1855
  • Loc: Uk
  • Status: Offline

Message Avril 10th, 2004, 12:35 am

Je l'ai testé dans Netscape et IE! :?

Quelle version de IE utilisez-vous?

Je suis un peu perplexe....
CSS website design tutorials
  • Hacker007
  • Proficient
  • Proficient
  • Avatar de l’utilisateur
  • Inscription: Avr 07, 2004
  • Messages: 371
  • Loc: Riverside, CA
  • Status: Offline

Message Avril 10th, 2004, 1:27 am

Je pense que vous devriez régler la marge inférieure à zéro comme ceci:

Code: [ Select ]
<body topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0">



Si cela n'aide pas essayer cela avec ceci:

Eh bien, vous pourriez essayer de régler la hauteur du contenu principal d'un grand nombre. pour exapmle:
Code: [ Select ]
<table style='width:100%; height:100%'>
  <tr>
   <td style="height:50px; background-color:#ff0000">Title</td>
  </tr>
  <tr>
   <td style="height:50px; background-color:#00ff00">Nav bar</td>
  </tr>
  <tr>
   <td style="height:700px; background-color:#0000ff">main</td>
  </tr>
</table>
  1. <table style='width:100%; height:100%'>
  2.   <tr>
  3.    <td style="height:50px; background-color:#ff0000">Title</td>
  4.   </tr>
  5.   <tr>
  6.    <td style="height:50px; background-color:#00ff00">Nav bar</td>
  7.   </tr>
  8.   <tr>
  9.    <td style="height:700px; background-color:#0000ff">main</td>
  10.   </tr>
  11. </table>
  • Digi Stylers
  • Novice
  • Novice
  • Avatar de l’utilisateur
  • Inscription: Avr 08, 2004
  • Messages: 19
  • Loc: UK
  • Status: Offline

Message Avril 10th, 2004, 6:41 am

Merci Hacker007, votre travail semble :)

Observe,
Mark
  • Hacker007
  • Proficient
  • Proficient
  • Avatar de l’utilisateur
  • Inscription: Avr 07, 2004
  • Messages: 371
  • Loc: Riverside, CA
  • Status: Offline

Message Avril 10th, 2004, 2:24 pm

Bien heureux de vous aider sur ce que j'ai pu. Je suis juste aider les gens sur le site parce que les gens sur le site m'a aidé. Glad vous avez votre réponse.

Afficher de l'information

  • Total des messages de ce sujet: 10 messages
  • Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 104 invités
  • Vous ne pouvez pas poster de nouveaux sujets
  • Vous ne pouvez pas répondre aux sujets
  • Vous ne pouvez pas éditer vos messages
  • Vous ne pouvez pas supprimer vos messages
  • Vous ne pouvez pas joindre des fichiers
 
 

© 2011 Unmelted, LLC. Ozzu® est une marque déposée de Unmelted, LLC