Foros del Web » Creando para Internet » CSS »

Divs y su colocación

Estas en el tema de Divs y su colocación en el foro de CSS en Foros del Web. hola foreros: Tengo un problema con una colocación de divs, intento hacer una web autoajustable con un tamaño mínimo, ésto sin problemas, mi problema empieza ...
  #1 (permalink)  
Antiguo 31/07/2009, 06:31
 
Fecha de Ingreso: diciembre-2007
Mensajes: 15
Antigüedad: 10 años
Puntos: 0
Divs y su colocación

hola foreros:

Tengo un problema con una colocación de divs, intento hacer una web autoajustable con un tamaño mínimo, ésto sin problemas, mi problema empieza cuando intento colocar el contenido (menu - contenedor - información)
y no se quedan fijas ampliándose únicamente la central, además cuando es inferior el tamaño se desmontan quedándose una debajo de otra en vez de pegadas una al lado de otra.
Os adjunto mi html para que lo veáis y me indiquéis, gracias con antelación

<div style="width: 100%; min-width: 1024px; display: table; border: 1px solid #999">
<div id="cab" style="background-color:#999; height: 50px;">
<div style="float:left; margin: 5px;">NOMBRE</div>
<div style="float:right; margin: 5px;"><a href="#">home</a></div>
</div>
<div id="CPH" style="">
<div id="Lateralizq" style="width: 200px; background-color:#666; height: 300px; float: left; margin-right: 10px;"></div>
<div id="contenido" style="float: left; margin: 10px auto 0px auto; text-align: justify">
Haec autem dixi brevius quidem quam res petebat, sed ad id quod agimus non fuit dicendum pluribus; unum enim cum sit genus, id quale sit quaerimus. Est autem tale quale floruit Athenis; ex quo Atticorum oratorum ipsa vis ignota est, nota gloria. Nam alterum multi viderunt, vitiosi nihil apud eos esse, alterum pauci, laudabilia esse multa. Est enim vitiosum in sententia si quid absurdum aut alienum aut non acutum aut subinsulsum est; in verbis si inquinatum, si abiectum, si non aptum, si durum, si longe petitum. [8] Haec vitaverunt fere omnes qui aut Attici numerantur aut dicunt Attice. Sed qui eatenus valuerunt, sani et sicci dumtaxat habeantur, sed ita ut palaestritae; spatiari in xysto ut liceat, non ab Olympiis coronam petant. Qui, cum careant omni vitio, non sunt contenti quasi bona valetudine, sed viris, lacertos, sanguinem quaerunt, quandam etiam suavitatem coloris, eos imitemur si possumus; si minus, illos potius qui incorrupta sanitate sunt, quod est proprium Atticorum, quam eos quorum vitiosa abundantia est, qualis Asia multos tulit. [9] Quod cum faciemus—si modo id ipsum assequemur; est enim permagnum—imitemur, si potuerimus, Lysiam et eius quidem tenuitatem potissimum; est enim multis locis grandior, sed quia et privatas ille plerasque et eas ipsas aliis et parvarum rerum causulas scripsit, videtur esse ieiunior, cum se ipse consulto ad minutarum causarum genera limaverit. [IV] Quod qui ita faciet, ut, si cupiat uberior esse, non possit, habeatur sane orator, sed de minoribus; magno autem oratori etiam illo modo saepe dicendum est in tali genere causarum. [10] Ita fit ut Demosthenes certe possit summisse dicere, elate Lysias fortasse non possit. Sed si eodem modo putant exercitu in foro et in omnibus templis, quae circum forum sunt, collocato dici pro Milone decuisse, ut si de re privata ad unum iudicem diceremus, vim eloquentiae sua facultate, non rei natura metiuntur.
</div>
<div id="LateralDEr" style="width: 200px; background-color:#666; height: 300px; float: right; margin: 0px 0px 0px 10px; padding: 0px"></div>
</div>
</div>
  #2 (permalink)  
Antiguo 31/07/2009, 06:33
Avatar de MasterXNicoX  
Fecha de Ingreso: junio-2008
Ubicación: ../Arg/SanLuis.city
Mensajes: 943
Antigüedad: 9 años, 6 meses
Puntos: 28
Respuesta: Divs y su colocación

UN MOREDADOR POR FAVOR QUE BORRE ESTE MENSAJE... :
__________________
Adivino del Foro y Admirador de Sabios
  #3 (permalink)  
Antiguo 31/07/2009, 06:35
 
Fecha de Ingreso: diciembre-2007
Mensajes: 15
Antigüedad: 10 años
Puntos: 0
Respuesta: Divs y su colocación

ya lo he adjuntado
  #4 (permalink)  
Antiguo 31/07/2009, 06:35
 
Fecha de Ingreso: diciembre-2007
Mensajes: 15
Antigüedad: 10 años
Puntos: 0
Respuesta: Divs y su colocación

por si acaso

<div style="width: 100%; min-width: 1024px; display: table; border: 1px solid #999">
<div id="cab" style="background-color:#999; height: 50px;">
<div style="float:left; margin: 5px;">NOMBRE</div>
<div style="float:right; margin: 5px;"><a href="#">home</a></div>
</div>
<div id="CPH" style="">
<div id="Lateralizq" style="width: 200px; background-color:#666; height: 300px; float: left; margin-right: 10px;"></div>
<div id="contenido" style="float: left; margin: 10px auto 0px auto; text-align: justify">
Haec autem dixi brevius quidem quam res petebat, sed ad id quod agimus non fuit dicendum pluribus; unum enim cum sit genus, id quale sit quaerimus. Est autem tale quale floruit Athenis; ex quo Atticorum oratorum ipsa vis ignota est, nota gloria. Nam alterum multi viderunt, vitiosi nihil apud eos esse, alterum pauci, laudabilia esse multa. Est enim vitiosum in sententia si quid absurdum aut alienum aut non acutum aut subinsulsum est; in verbis si inquinatum, si abiectum, si non aptum, si durum, si longe petitum. [8] Haec vitaverunt fere omnes qui aut Attici numerantur aut dicunt Attice. Sed qui eatenus valuerunt, sani et sicci dumtaxat habeantur, sed ita ut palaestritae; spatiari in xysto ut liceat, non ab Olympiis coronam petant. Qui, cum careant omni vitio, non sunt contenti quasi bona valetudine, sed viris, lacertos, sanguinem quaerunt, quandam etiam suavitatem coloris, eos imitemur si possumus; si minus, illos potius qui incorrupta sanitate sunt, quod est proprium Atticorum, quam eos quorum vitiosa abundantia est, qualis Asia multos tulit. [9] Quod cum faciemus—si modo id ipsum assequemur; est enim permagnum—imitemur, si potuerimus, Lysiam et eius quidem tenuitatem potissimum; est enim multis locis grandior, sed quia et privatas ille plerasque et eas ipsas aliis et parvarum rerum causulas scripsit, videtur esse ieiunior, cum se ipse consulto ad minutarum causarum genera limaverit. [IV] Quod qui ita faciet, ut, si cupiat uberior esse, non possit, habeatur sane orator, sed de minoribus; magno autem oratori etiam illo modo saepe dicendum est in tali genere causarum. [10] Ita fit ut Demosthenes certe possit summisse dicere, elate Lysias fortasse non possit. Sed si eodem modo putant exercitu in foro et in omnibus templis, quae circum forum sunt, collocato dici pro Milone decuisse, ut si de re privata ad unum iudicem diceremus, vim eloquentiae sua facultate, non rei natura metiuntur.
</div>
<div id="LateralDEr" style="width: 200px; background-color:#666; height: 300px; float: right; margin: 0px 0px 0px 10px; padding: 0px"></div>
</div>
</div>
  #5 (permalink)  
Antiguo 31/07/2009, 06:36
Avatar de MasterXNicoX  
Fecha de Ingreso: junio-2008
Ubicación: ../Arg/SanLuis.city
Mensajes: 943
Antigüedad: 9 años, 6 meses
Puntos: 28
Respuesta: Divs y su colocación

No entendí muy bién lo que querés lograr... Podrias explicarlo mejor???

Ah y te recomiendo que crees una hoja de estilos (CSS) para las propiedades de los divs....

Saludos!!!
__________________
Adivino del Foro y Admirador de Sabios
  #6 (permalink)  
Antiguo 31/07/2009, 06:43
Avatar de hades87  
Fecha de Ingreso: diciembre-2007
Ubicación: Barcelona - España
Mensajes: 3.194
Antigüedad: 10 años
Puntos: 68
Respuesta: Divs y su colocación

Nos podrías pasar una url de la web? es que así no me aclaro nada.

Para ponerlas una al lado de la otra puedes probar con float left y right y varios div.
__________________
No diseñes usando tablas.
  #7 (permalink)  
Antiguo 31/07/2009, 06:44
 
Fecha de Ingreso: diciembre-2007
Mensajes: 15
Antigüedad: 10 años
Puntos: 0
Respuesta: Divs y su colocación

vale, lo del CSS ya lo se lo estoy haciendo así para no perder tiempo en cuanto funcione creo el CSS ya estaba planteado. lo que quiero es:

cabecera
------------------------------------------------
menu - contenido - información
------------------------------------------------
pie

y luego quiero que se estire la tabla general que eso si me sale, y quiero que "menu" e "información" se queden fijos y se ajuste al ancho el div "contenido"
  #8 (permalink)  
Antiguo 31/07/2009, 06:56
 
Fecha de Ingreso: diciembre-2007
Mensajes: 15
Antigüedad: 10 años
Puntos: 0
Respuesta: Divs y su colocación

no puedo mandaros ninguna web, ni enlace, lo estoy haciendo de prueba antes de diseñar la web, para contar con ello en el diseño.

en resumen es una web que se ajuste cuando cambie el ancho de la resolución, y tanto "menu" como "información" (divs laterales) se tienen que quedar fijos y crecer el div "contenido"

todo ello flotando un div al lado del otro (float: left), exceptuando el div "información" que le he puesto float: right, para que quede pegado a la derecha.
Un saludo y gracias
  #9 (permalink)  
Antiguo 31/07/2009, 07:48
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Divs y su colocación

Lo cierto es que no me ha quedado claro lo que pretendes, así que me quedo con tu comentario #8.
¿Lo que buscas es una estructura de tres columnas, las laterales de tamaño fijo y la central ocupando el resto de la caja que las contiene?

¿Utilizas google?
Un ejemplo
con algo más de lo que querías.

Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #10 (permalink)  
Antiguo 03/08/2009, 06:30
 
Fecha de Ingreso: diciembre-2007
Mensajes: 15
Antigüedad: 10 años
Puntos: 0
Respuesta: Divs y su colocación

si exacto eso es lo que quiero, que las columnas de los lados se queden fijas y la del centro crezca, pero también crezca la general cuando se pase de la resolución mínima (1024px)
  #11 (permalink)  
Antiguo 03/08/2009, 15:21
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Divs y su colocación

Hola:

Complementando la respuesta de kseso? quizá también te ayude este otro ejemplo de la misma página.

Saludos.

Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 01:14.