Comunidad de diseño web y desarrollo en internet online

respetar formato web en cualquier resolución

Citar            
MensajeEscrito el 24 Ago 2011 10:19 am
Me gustaría saber como podemos realizar una web (p.e:en Dreamweaver) y pueda ser vista en cualquier resolución de pantalla, sin que cambie el formato o las distancias (izq, sup, derecha, inferior)...tengo entendido q es con algun código CSS o javascript

Por pikes

10 de clabLevel



 

msie8
Citar            
MensajeEscrito el 24 Ago 2011 12:13 pm
Pues al elemento contenedor de tu página, le das tamaño en % y margin: auto; eso es todo.

Por DriverOp

Claber

2510 de clabLevel



 

opera
Citar            
MensajeEscrito el 30 Ago 2011 04:50 pm
debes crear un css usando capas.. ejemplo

en el css pones

#contenedor{
width:800px; /*ancho de la capa o div*/
heigth: 400px; /* altura del div o capa*/
margin: 0 auto /* esto es para que quede centrado */
}

en el html pones

<div id="contenedor" align="center">
contenido
</div>

recuerda si pones el css en una hoja diferente, debes vincularlo al html

espero que te sirva

saludos :D

Por juksoto

28 de clabLevel



Genero:Masculino  

Frontend & Estratega Digital

chrome
Citar            
MensajeEscrito el 31 Ago 2011 09:48 am
Lo ideal es que cambies tu web dependiendo de la resolución de la pantalla, sobre todo ahora que existen todo tipo de dispositivos con conexión a internet ( ordenadores, tablets, móviles..). Así se verá bien en todas.

En css3 existen las media-queries. Con ellas puedes crear reglas dependiendo del tamaño de la pantalla, orientación, resolución…En esta página tienes una demo de cómo funciona las media-queries(columna de HTML5 Demos) y otras características de html5 con IE9

En el ejemplo CSS3 Media Queries podrás ver como el CSS de la web está divido en partes según el ancho de la pantalla.

Código HTML :

@media (min-width:950px) {código css para pantalla grande}   
@media (min-width:450px) and (max-width:950px) {código css para pantalla media}
@media (max-width:450px){código css para pantalla pequeña}

Por ritintin

6 de clabLevel



 

msie

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.