Foros del Web » Creando para Internet » CSS »

No puedo lograr esto, CSS div del medio se expanda al % restante

Estas en el tema de No puedo lograr esto, CSS div del medio se expanda al % restante en el foro de CSS en Foros del Web. Código HTML: <div id= "i" > <div id= "1" > <img src= "images/ParteIzq.png" width= "365" height= "90" > </div> <div id= "2" > </div> <div ...
  #1 (permalink)  
Antiguo 05/10/2010, 22:05
 
Fecha de Ingreso: septiembre-2010
Mensajes: 39
Antigüedad: 7 años, 2 meses
Puntos: 0
No puedo lograr esto, CSS div del medio se expanda al % restante

Código HTML:
<div id="i"><div id="1"><img src="images/ParteIzq.png" width="365" height="90"></div><div id="2"></div><div id="3"><img src="images/ParteDer.png" width="135" height="90" /></div></div>
<div id="4" align="center">
  <div id="5">Este texto se coloca en un Div de 600px de ancho debajo de los div's anteriores....</div>
</div> 
Como Css:

Código CSS:
Ver original
  1. <style>
  2. #i {
  3. width: 100&#37;;
  4. margin: 0;
  5. padding:0;
  6. }
  7. #1 {
  8. height: 90px;
  9. position:relative;
  10. float: left;
  11. margin: 0;
  12. }
  13. #2 {
  14. width: 60%;
  15. position:relative;
  16. float: left;
  17. background-image: url(images/FondoCentral.png);
  18. background-repeat:repeat-x;
  19. height: 90px;
  20. margin: 0;
  21. }
  22. #3 {
  23. position:relative;
  24. width: 135px;
  25. height: 90px;
  26. margin: 0;
  27. }
  28. #4 {
  29. width: 100%;
  30. }
  31. #5 {
  32. width: 600px;
  33. margin: 0 auto;
  34. }
  35. </style>

Lo que intento hacer es que la imagen tipo HEADER de la página, se adapte al ancho de la pantalla, para esto, hago repetir en el div central un background en el eje x... para conseguir que la imagen se alarge...

El problema, es uqe no me queda bien... ¿Que estoy haciendo mal?

Mirá la página:
http://pythontest.eshost.com.ar/index.php?mod=downloads

(EL LINK NO DESCARGA NADA, SOLO MUESTRA LA SECCION DOWNLOAD QUIEN ES LA QUE TIENE LOS DIVs)

Última edición por epcode; 05/10/2010 a las 22:14 Razón: Agregar info
  #2 (permalink)  
Antiguo 05/10/2010, 22:17
Avatar de maycolalvarez
Colaborador
 
Fecha de Ingreso: julio-2008
Ubicación: Caracas
Mensajes: 12.120
Antigüedad: 9 años, 4 meses
Puntos: 1530
Respuesta: No puedo lograr esto, CSS div del medio se expanda al % restante

el atributo align="center" esta obsoleto, usa: style="margin: 0px auto;"

por norma general evita usar solo números en nombres de clase, id, etc, trata de usar al menos un carácter alfanumérico:

<div id="i"><div id="d1"><div id="d2"> ...
<style type="text/css">
#d1 {
...
}
#d2 {
...
}
#d3 {

...
__________________
¡Por favor!: usa el highlight para mostrar código
El que busca, encuentra...
  #3 (permalink)  
Antiguo 05/10/2010, 22:27
 
Fecha de Ingreso: septiembre-2010
Mensajes: 39
Antigüedad: 7 años, 2 meses
Puntos: 0
Respuesta: No puedo lograr esto, CSS div del medio se expanda al % restante

Cita:
Iniciado por maycolalvarez Ver Mensaje
el atributo align="center" esta obsoleto, usa: style="margin: 0px auto;"

por norma general evita usar solo números en nombres de clase, id, etc, trata de usar al menos un carácter alfanumérico:

<div id="i"><div id="d1"><div id="d2"> ...
<style type="text/css">
#d1 {
...
}
#d2 {
...
}
#d3 {

...
Realize los cambios, pero el background central que tiene que repetirse en x, ni si quiera se ve... y la parte derecha de la imagen, quien cierra se pone en la linea de abajo... ¿Qué puede ser?
  #4 (permalink)  
Antiguo 06/10/2010, 07:17
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: No puedo lograr esto, CSS div del medio se expanda al % restante

Los nombres de las clases o id pueden ser alfanuméricos o sólo formados por letras. Pero nunca comenzar por un dígito. No es que se desaconseje, Maycolalvarez, o que haya que procurar evitar, sino que no se puede, está terminantemente prohibido.
La razón: vea con firebug o equivalentes qué ocurre en su página:
A sus #1, #2, #3 no se le aplican los estilos declarados.

Cambie la denominación y de ellos (en el html y el css) y después vemos lo que ocurre y cómo corregirlo.
  #5 (permalink)  
Antiguo 06/10/2010, 12:22
 
Fecha de Ingreso: septiembre-2010
Mensajes: 39
Antigüedad: 7 años, 2 meses
Puntos: 0
Respuesta: No puedo lograr esto, CSS div del medio se expanda al % restante

Cita:
Iniciado por kseso? Ver Mensaje
Los nombres de las clases o id pueden ser alfanuméricos o sólo formados por letras. Pero nunca comenzar por un dígito. No es que se desaconseje, Maycolalvarez, o que haya que procurar evitar, sino que no se puede, está terminantemente prohibido.
La razón: vea con firebug o equivalentes qué ocurre en su página:
A sus #1, #2, #3 no se le aplican los estilos declarados.

Cambie la denominación y de ellos (en el html y el css) y después vemos lo que ocurre y cómo corregirlo.
Ya eh corregido y eh puesto un nombre alfanumérico, pero el background central quedebe estirarse para hacer tocar los bordes fijos de la imagen, sigue sin verse (Queda espacio en blanco) y el div del cierre de la imagen queda en la linea de debajo....

Chequeá el link para ver visualmente lo que hace!
pythontest.eshost.com.ar/index.php?mod=Downloads
  #6 (permalink)  
Antiguo 11/10/2010, 14:21
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: No puedo lograr esto, CSS div del medio se expanda al % restante

Tiene que cambiarlo tanto en el html como el css.

Etiquetas: estirar, adaptador, fondo
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 04:32.