Vigor el 2 de Divs en una fila.

  • PolishHurricane
  • Mastermind
  • Mastermind
  • Avatar de Usuario
  • Registrado: Feb 17, 2005
  • Mensajes: 1585
  • Status: Offline

Nota Marzo 31st, 2009, 6:40 am

Hi, Im tratando de reemplazar algunos de los cuadros en mi sitio en divs. Una mesa que estoy tratando de reemplazar debe ser simple, pero cuando intento poner los divs en una fila, la 2 ª div sigue adelante en el marco del div a la izquierda. Creo que piensa que no tiene suficiente espacio o algo así. I googled un montón de veces y trató de todas las formas de presentación, clara y flotador se me ocurrió.

He sustituido:
Código: [ 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>


Con:
Código: [ 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>


El actual de CSS que tengo es:
Código: [ 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; }


Básicamente, sólo quiero el div derecho a ser 192px. Pero el resto para hacer el sitio de lo que queda, mientras se encuentren en una fila, no importa qué. :cry:
There's no place like 127.0.0.1, badass part is now it's ::1
  • Anonymous
  • Bot
  • No Avatar
  • Registrado: 25 Feb 2008
  • Mensajes: ?
  • Loc: Ozzuland
  • Status: Online

Nota Marzo 31st, 2009, 6:40 am

  • joebert
  • Sledgehammer
  • Genius
  • No Avatar
  • Registrado: Feb 10, 2004
  • Mensajes: 13455
  • Loc: Florida
  • Status: Offline

Nota Marzo 31st, 2009, 12:23 pm

Puede ver si su ancho de una cuestión siempre que esté seguro de theres suficiente espacio en el contenedor por la <div> dando un exceso de elementos ocultos por un momento.

Si los theres ningún cambio, quiero empezar a buscar las normas genéricas en otras partes de la hoja de estilos que pueden ser la aplicación de un comportamiento no deseado "claro" a estos elementos. "relleno" y "margen" son otros dos posibles culpables.
Strong with this one, the sudo is.
  • PolishHurricane
  • Mastermind
  • Mastermind
  • Avatar de Usuario
  • Registrado: Feb 17, 2005
  • Mensajes: 1585
  • Status: Offline

Nota Marzo 31st, 2009, 3:13 pm

La celda de la tabla que contiene los divs, tiene algunas de relleno en el lado derecho, pero yo lo borré y todavía no funciona. He intentado desbordamiento: oculto; en vano. Pero me di cuenta de algo. Sólo para sus páginas en las que el contenido dentro de la "bodycell" div necesidades mucho espacio, ya que puede obtener, en el que el derecho se div empujado bajo el izquierdo. Para todas las otras páginas, el contenido es tan pequeño que puede obtener. Así que me dio "bodycell" un ancho de 100%, pero ahora el problema es sólo en todas las páginas. Necesito una manera de decirle al "bodycell" para tener como mucho como sea posible sin empujar "right_nav" en virtud del mismo. Im seguro Ive encontró con este problema antes de hace mucho tiempo y sólo se olvidó de él, Im tal n00by div.
There's no place like 127.0.0.1, badass part is now it's ::1
  • PolishHurricane
  • Mastermind
  • Mastermind
  • Avatar de Usuario
  • Registrado: Feb 17, 2005
  • Mensajes: 1585
  • Status: Offline

Nota Abril 1st, 2009, 8:17 am

Si tengo 2 divs en una fila. ¿Cómo puedo dar una una anchura, y decirle a los demás a "tener el mismo espacio" como sea posible (sin forzar la div en el marco del otro)?
There's no place like 127.0.0.1, badass part is now it's ::1
  • spork
  • Brewmaster
  • Silver Member
  • Avatar de Usuario
  • Registrado: Sep 22, 2003
  • Mensajes: 6130
  • Loc: Seattle, WA
  • Status: Offline

Nota Abril 1st, 2009, 8:46 am

¿Podría ser más fácil flotar la columna de la derecha dentro de un div que contiene el contenido:

Código: [ 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>


Código: [ Select ]
div#content {
width: 100%;
}

div#right {
float: right;
width: 192px;
}
  1. div#content {
  2. width: 100%;
  3. }
  4. div#right {
  5. float: right;
  6. width: 192px;
  7. }
The Beer Monocle. Classy.
  • PolishHurricane
  • Mastermind
  • Mastermind
  • Avatar de Usuario
  • Registrado: Feb 17, 2005
  • Mensajes: 1585
  • Status: Offline

Nota Abril 1st, 2009, 10:53 am

Estoy totalmente de abandonó y regresó a las tablas de HTML.
There's no place like 127.0.0.1, badass part is now it's ::1

Publicar Información

  • Total de mensajes en este tema: 6 mensajes
  • Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 119 invitados
  • No puede abrir nuevos temas en este Foro
  • No puede responder a temas en este Foro
  • No puede editar sus mensajes en este Foro
  • No puede borrar sus mensajes en este Foro
  • No puede enviar adjuntos en este Foro
 
 

© 2011 Unmelted, LLC. Ozzu® es una marca registrada de Unmelted, LLC