Foros del Web » Creando para Internet » CSS »

Problema con centrado y descolacion de capas al redimensionar el navegador

Estas en el tema de Problema con centrado y descolacion de capas al redimensionar el navegador en el foro de CSS en Foros del Web. Buenas, estoy maquetando una web en css al completo y tengo 2 problemas, el primero es que la forma de la que estoy centrando la ...
  #1 (permalink)  
Antiguo 04/09/2012, 07:24
 
Fecha de Ingreso: marzo-2012
Mensajes: 7
Antigüedad: 12 años, 8 meses
Puntos: 0
Pregunta Problema con centrado y descolacion de capas al redimensionar el navegador

Buenas, estoy maquetando una web en css al completo y tengo 2 problemas, el primero es que la forma de la que estoy centrando la web en general al centro del navegador (la capa container) en internet explorer no funciona, y lo segundo es que si la ventana del navegador no la tienes al completo de la pantalla la web se deforma...

A ver si alguien puede hecharle un ojo, aqui dejo el css y html... gracias de antemano !
Código PHP:



body
{
    
background:url(imagenes/fondo.pngrepeat-x;
}
p{
    
font-family:ArialHelveticasans-serif;
    
font-size:80%;    
}
#pie{

}
#contenedor{
    
margin:0 auto 0 auto;
    
margin-top:3%;
    
/*border:1px #ccc solid;*/
    
width:71.5%;
    
display:solid;
}
/* cabecera --> */
#cabecera{
    
height:15%;
    
width:100%;
}
#logo{
    
float:left;
    
padding-left:3%;
    
width:24.8%;
}
#buscador{
    
float:right;
    
width:71.7%;
}
#buscador p{
    
margin-top:0.8%;
    
font-family:ArialHelveticasans-serif;
    
font-size:12;
    
margin-left:53.3%;
    
color:#888;
}
#buscadorinput{
    
height:28px;
    
width:70%;
    
margin-left:3%;
    
margin-top:4.3%;
    
background-image:url(imagenes/bg_input_buscar.png);
    
border:#999 1px solid;
    
padding-left:1.4%;
    
color:#555;
}
#buscadorsubmit{
    
background-image:url(imagenes/bg_boton_buscar.png);
    
border:#ccc 1px solid;
    
height:31%;
    
color:#444;
}
/* <-- cabecera */
#contenido{
    
width:100%;
    
height:auto;
}
#cuerpo{
    
width:64%;
    
float:left;
    
background:#dedcdc;
    
height:100%;
}
#ctitulo{
    
background-color:#f27405;
    
border-top:6px solid #ba5a05;
    
padding:1.5%;
}
#ctitulo h1{
    
font-family:ArialHelveticasans-serif;
    
font-size:110%;
    
color:#f2f2f2;
    
margin:0;
}
#ctitulo h2{
    
font-family:ArialHelveticasans-serif;
    
font-size:70%;
    
color:#f2f2f2;
    
margin:0
}
#columnado{
    
width:36%;
    
float:right;
    
background:#CCC;
    
height:100%;
}
#cotitulo{
    
background-color:#db3f02;
    
border-top:6px solid #9c2c01;
    
padding:2.7%;
}
#cotitulo h1{
    
font-family:ArialHelveticasans-serif;
    
font-size:110%;
    
color:#f2f2f2;
    
margin:0;
}
#cotitulo h2{
    
font-family:ArialHelveticasans-serif;
    
font-size:70%;
    
color:#f2f2f2;
    
margin:0
}




<
div id="contenedor">
    <
div id="cabecera">
        <
div id="logo">
            [
img]imagenes/logo.png[/img]
        </
div>
        <
div id="buscador">
            
            
            
Busqueda avanzada

        
</div>
    </
div>
    <
div id="contenido">
        <
div id="cuerpo">
            <
div id="ctitulo">
                <
h1>Titulo del contenido de la pagina</h1>
                <
h2>Aqui ira una breve descripcion bla bla bla....</h2>
            </
div>
            
loren ipsum dolor las asda dasd adloren ipsum dolor las asda dasd ad

        
</div>
        <
div id="columnado">
            <
div id="cotitulo">
                <
h1>Titulo</h1>
                <
h2>loren ipsum dolor las asda dasd ad</h2>
            </
div>
            
loren ipsum dolor las

        
</div>
    </
div>
</
div>
<
div id="pie"> *
</
div
  #2 (permalink)  
Antiguo 05/09/2012, 21:41
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 15 años, 10 meses
Puntos: 306
Respuesta: Problema con centrado y descolacion de capas al redimensionar el navegador

Código CSS:
Ver original
  1. #contenedor{
  2.     margin:0 auto 0 auto;
  3.     margin-top:3%;
  4.     /*border:1px #ccc solid;*/
  5.     width:71.5%;
  6.     display:solid; ?????
  7. }

Me parece que no existe ese valor para display.
http://www.librosweb.es/referencia/css/display.html

Saludos
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--

Etiquetas: capas, contenido, html, imagenes, navegador, redimensionar, fondo, centrar
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 20:37.