Foros del Web » Creando para Internet » CSS »

css + alturas + web infernal

Estas en el tema de css + alturas + web infernal en el foro de CSS en Foros del Web. Hola a todos: Quería preguntaros algo sobre css y no se si es que lo que pretendo no se puede hacer o ya ando super ...
  #1 (permalink)  
Antiguo 11/01/2011, 04:37
 
Fecha de Ingreso: septiembre-2008
Mensajes: 29
Antigüedad: 9 años, 3 meses
Puntos: 0
css + alturas + web infernal

Hola a todos:

Quería preguntaros algo sobre css y no se si es que lo que pretendo no se puede hacer o ya ando super liada con este tema.

Quiero hacer una web que ocupara toda la pantalla pero sin ponerle un tamaño fijo, que ocupara el tamaño sea cual fuera, mi problema es que si pongo las imágenes con tamaño fijo, cuándo empequeñezco el navegador y llega al punto de que se junta, se superponen unas con otras y deberia de ir desapareciendo una por un lateral, no se si me explico.

Mi código es este:

Código HTML:
<div id="fondo">
  <div id="dersup">&nbsp;</div>
  <div id="cabecera">
   <a href="#" id="logo"><img src="images/logo.png" alt="logo"/></a>
   <img src="images/vacio.jpg" alt="imagen vacia" id="vacia" />
   <img src="images/imagen" id="imagen" />www.giralda2.tv Otra manera de hacer televisión es posible
  </div>

  <div id="inferior">&nbsp;</div>
  <div id="derinf">&nbsp;</div>
</div> 
y el css
Código HTML:
#fondo {background: url(images/fondoIS.jpg) no-repeat 0 0;
  position:absolute; top: 0px; left: 0px;
  height:100%;
  width:100%
}

#dersup {background: url(images/fondoDS.jpg) no-repeat 0 0;
  position:absolute; top: 0px; right: 0px;
  width:13px;
  height:100%;
}

#inferior {background: url(images/fondoII.jpg) no-repeat 0 0;
  position:absolute; bottom: 0px; left: 0px;
  z-index: 5;
  width:100%;
  height:73px;
}

#derinf {background: url(images/fondoDI.jpg) no-repeat 0 0;
  position:absolute; bottom: 0px; right: 0px;
  z-index: 10;
  width:13px;
  height:13px;
}



#cabecera {
 background: url(images/logoG2tv.jpg) no-repeat 0 0;
 padding:13px;
 margin-left:13px;
 height:116px;
}

#logo {



}

#imagen{

 float:right;
/*
 position:absolute;
 top:13px;
 right: 13px;
 z-index:0;
*/
 width: 448px;
 height: 105px;
 text-indent:-9999px;
}
#vacia{
  position:absolute; 
  top: 13px;
 left:463px;
  width:241px;
  height:105px;

}
  #2 (permalink)  
Antiguo 11/01/2011, 06:55
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 15 años, 10 meses
Puntos: 771
Hola riwel

Muevo tu tema al foro de CSS desde Web general.

Saludos,
  #3 (permalink)  
Antiguo 11/01/2011, 10:44
Avatar de Ruben_JD  
Fecha de Ingreso: diciembre-2003
Ubicación: Quito-Ecuador
Mensajes: 218
Antigüedad: 14 años
Puntos: 7
Respuesta: css + alturas + web infernal

utliza codigo existente, mira esta web, o genera uno
__________________
RubénJ. Regresando al foro despues de un par de años. A preguntar más de las novedades del foro.

Última edición por Ruben_JD; 11/01/2011 a las 10:45 Razón: error copy paste
  #4 (permalink)  
Antiguo 12/01/2011, 01:54
 
Fecha de Ingreso: septiembre-2008
Mensajes: 29
Antigüedad: 9 años, 3 meses
Puntos: 0
Respuesta: css + alturas + web infernal

Muchas gracias por la página Ruben, menuda joya :D

Etiquetas: Ninguno
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 09:38.