Retour à Forum de site web

Force 2 Divs dans une rangée.

  • PolishHurricane
  • Mastermind
  • Mastermind
  • Avatar de l’utilisateur
  • Inscription: Fév 17, 2005
  • Messages: 1585
  • Status: Offline

Message Mars 31st, 2009, 6:40 am

Salut, Im essayant de remplacer certains des tableaux sur mon site en divs. Une table, je suis en train de remplacer doit être simple, mais lorsque je tente de mettre les balises div dans une rangée, le 2e div continuait de rester sous le div gauche. Je pense qu'il pense qu'il n'a pas assez de place ou quelque chose. J'ai googlé un tas de fois et a essayé toutes les formes d'affichage, Clear & float je pouvais penser.

J'ai remplacé:
Code: [ Select ]
<table>
<tr>
<td>BODY CONTENT</td>
<td>RIGHT NAV</td>
</tr>
</table>
  1. <table>
  2. <tr>
  3. <td>BODY CONTENT</td>
  4. <td>RIGHT NAV</td>
  5. </tr>
  6. </table>


Avec:
Code: [ Select ]
<div id="body_right_nav_wrapper">
<div id="bodycell">
BODY CONTENT
</div>
<div id="right_nav">
RIGHT NAV
</div>
</div>
  1. <div id="body_right_nav_wrapper">
  2. <div id="bodycell">
  3. BODY CONTENT
  4. </div>
  5. <div id="right_nav">
  6. RIGHT NAV
  7. </div>
  8. </div>


Le CSS en cours que j'ai, c'est:
Code: [ Select ]
#body_right_nav_wrapper { }
#bodycell { float: left; }
#right_nav { float: left; width: 192px; }
  1. #body_right_nav_wrapper { }
  2. #bodycell { float: left; }
  3. #right_nav { float: left; width: 192px; }


Fondamentalement, je veux juste la div droit d'être 192px. Mais le reste pour faire de la place de ce qu'il reste, en séjournant dans une rangée, pas n'importe quoi. :cry:
There's no place like 127.0.0.1, badass part is now it's ::1
  • Anonymous
  • Bot
  • No Avatar
  • Inscription: 25 Feb 2008
  • Messages: ?
  • Loc: Ozzuland
  • Status: Online

Message Mars 31st, 2009, 6:40 am

  • joebert
  • Sledgehammer
  • Genius
  • No Avatar
  • Inscription: Fév 10, 2004
  • Messages: 13455
  • Loc: Florida
  • Status: Offline

Message Mars 31st, 2009, 12:23 pm

Vous pouvez voir si la question d'une largeur que vous êtes sûr theres assez de place dans le contenant, en donnant la <div> éléments un débordement de caché pendant un moment.

Si theres aucun changement, je voudrais commencer à chercher ailleurs les règles générales de la feuille de style que mai est l'application d'un indésirable "clair" à ces éléments. «padding» et «marge» sont deux autres coupables.
Strong with this one, the sudo is.
  • PolishHurricane
  • Mastermind
  • Mastermind
  • Avatar de l’utilisateur
  • Inscription: Fév 17, 2005
  • Messages: 1585
  • Status: Offline

Message Mars 31st, 2009, 3:13 pm

La cellule de tableau qui contient les divs, a des padding sur le côté droit, mais j'ai supprimé et qui ne fonctionne toujours pas. J'ai essayé overflow: hidden; sans succès. Mais j'ai réalisé quelque chose. Son uniquement les pages dont le contenu à l'intérieur de la "bodycell" div besoins de beaucoup de place, car il peut arriver, lorsque le droit div est poussé dans le cadre du gauche. Pour toutes les autres pages, le contenu est il aussi petit que possible. So I gave "bodycell" une largeur de 100%, mais maintenant le problème est sur toutes les pages. J'ai besoin d'un moyen de dire la "bodycell de« prendre autant de place que possible, sans la pression "right_nav" à ce titre. Im sûr Ive a couru sur ce problème avant longtemps, et il ya tout simplement oublié à ce sujet, Im une telle div n00by.
There's no place like 127.0.0.1, badass part is now it's ::1
  • PolishHurricane
  • Mastermind
  • Mastermind
  • Avatar de l’utilisateur
  • Inscription: Fév 17, 2005
  • Messages: 1585
  • Status: Offline

Message Avril 1st, 2009, 8:17 am

Si j'ai 2 divs dans une rangée. Comment puis-je donner une largeur fixe, et dire aux autres de «prendre autant d'espace que possible (sans forcer, d'une div sous l'autre)?
There's no place like 127.0.0.1, badass part is now it's ::1
  • spork
  • Brewmaster
  • Silver Member
  • Avatar de l’utilisateur
  • Inscription: Sep 22, 2003
  • Messages: 6130
  • Loc: Seattle, WA
  • Status: Offline

Message Avril 1st, 2009, 8:46 am

Pourrait être plus facile de flotter juste la colonne de droite dans un div contenant le contenu:

Code: [ Select ]
<div id="content">
MAIN CONTENT
<div id="right">
    RIGHT CONTENT
</div>
</div>
  1. <div id="content">
  2. MAIN CONTENT
  3. <div id="right">
  4.     RIGHT CONTENT
  5. </div>
  6. </div>


Code: [ Select ]
div#content {
width: 100%;
}

div#right {
float: right;
width: 192px;
}
  1. div#content {
  2. width: 100%;
  3. }
  5. div#right {
  6. float: right;
  7. width: 192px;
  8. }
The Beer Monocle. Classy.
  • PolishHurricane
  • Mastermind
  • Mastermind
  • Avatar de l’utilisateur
  • Inscription: Fév 17, 2005
  • Messages: 1585
  • Status: Offline

Message Avril 1st, 2009, 10:53 am

Je suis totalement abandonné et retourne à des tables HTML.
There's no place like 127.0.0.1, badass part is now it's ::1

Page 1 sur 1

Afficher de l'information

  • Total des messages de ce sujet: 6 messages
  • Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 149 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