960grid, se pueden anidar divs?

[fernandozunni]

Hola amigos, estoy empezando con este framework para css.
Estoy armando una plantilla, apoyado con un tutorial, como primer trabajo.
En el tuto que tengo no dice nada de si se puede anidar divs, si se puede hacer y me pueden poner un pequeño ejemplo se los agradezco.

[ivor]

Iniciado por fernandozunni

Hola amigos, estoy empezando con este framework para css.
Estoy armando una plantilla, apoyado con un tutorial, como primer trabajo.
En el tuto que tengo no dice nada de si se puede anidar divs, si se puede hacer y me pueden poner un pequeño ejemplo se los agradezco.

Yo leo mucho sobre CSS pero en inglés. Te refieres a 'nested divs' ? Que quieres decir con 'anidar' tengo la idea pero no te capto bien.

[hades87]

lo mismo que ivor, a que te refieres con anidar?

[fernandozunni]

Hola amigos, cuando digo anidar, quiero decir poner divs dentro de otros.

Código HTML:

<div>
<div></div>
</div> 

Saludos.

[hades87]

Claro que se puede, por que no iba a ser posible?

[kseso?]

Pero recuerda que <div> no es la única etiqueta que hay.
Son muchas y cada una tiene su razón de ser y que evitan la temible y desconocida "divitis"

[C2am]

una etiqueta "no <div>" es la archiconocida <table>? ¿A esa te referías?

[kseso?]

Iniciado por C2am

una etiqueta "no <div>" es la archiconocida <table>? ¿A esa te referías?

Tags
Y dentro de ellas está "table", que a priori y en sí misma no tiene ni mejores ni peores connotaciones.

Como decía Jessica Rabbit:
"Yo no tengo la culpa de que me hayan dibujado así"

Un saludo

[Mikmoro]

Sí, ivor, div anidados son nested divs. Como las muñecas rusas: una dentro de otra, dentro de otra....

[daPhyre]

Ejemplo usable:

Código HTML:

<div id="container">
<div id="header">(Titulo y frase)</div>
<div id="main">(texto)</div>
<div id="footer">(datos al final)</div>
</div> 

Solo recuerda que los divisores son para bloques (Ese es su proposito, su nombre lo dice). Si lo que deseas es un fragmento del texto, usa un span para este. Suerte

[ivor]

@fernandozunni Claro que se pueden anidar en 960.gs funciona asi:

Código:

<div class="container_12">
  <div id="header" class="grid_12"> <!-- Grid_12 significa 12 columnas-->
    <div id="logo" class="grid_6 alpha">
    <!-- aqui tu logo -->
     </div>
  <div id="navegacionPrincipal" class="grid_6 omega">
    <ul>
      <li>Inicio</li>
      <li>Ectetera</li>
    </ul>
    </div>
  </div>
</div>

Y asi sucesivamente para conformar el layout. es muy muy facil :) saludos



Algo te voy a recomendar hermano, lee mucho sobre CSS si no se te va a hacer muy dificil usar el framework, recuerda que en 960.gs todas las clases (o casi todas) estan flotadas a la izquierda y a veces se pierde el 'flow' y debes hacer clear:both o overflow:hidden; te recomiendo http://nettuts.com =)

[fernandozunni]

muchas gracias a todos.

ivor muy claro tu ejemplo, gracias otra vez.

saludos.

[ramonw]

Amigos, leyendo el post me surgio una duda, si estoy trabajando con este framework, como puedo hacer un div flotante.
Tiene el framework alguna propiedad para este tipo de divs o se hace como siempre.

[ivor]

Iniciado por ramonw

Amigos, leyendo el post me surgio una duda, si estoy trabajando con este framework, como puedo hacer un div flotante.
Tiene el framework alguna propiedad para este tipo de divs o se hace como siempre.

@Ramonw en 960.gs todos los Grid estan flotados a la izquierda, ¿A que te refieres con hacerlos flotar?

Código:

Extracto de 960.gs

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16 {
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}