Margenes adaptables al monitor

Puntoinfinito · 28 Julio 2012, 23:23 PM

Buenas a tod@s.

Bueno veréis, quiero hacer en mi web un diseño de margenes con photoshop y añadirlo a mi web de fondo con CSS. Y luego añadirle margenes al texto también con CSS... La cosa esta en que depende el tamaño del monitor que visite la web, porque se le repetirá el fondo y quedara mal, y el texto, también se le ajustara, por lo que quedara desconfigurado.

Los códigos que añadiría, serian los siguientes;

De fondo:

Código (css) [Seleccionar]

<body background="fondo" bgproperties="fixed">

Y de ajustes de margen:

Código (css) [Seleccionar]

.p { margin-top:10px ; margin-bottom:10px; margin-left:10px;
margin-right:10px;}

Y luego añadirlo a cada texto, no se si se entenderá, espero que si, cualquier cosa decírmelo.

Saludos

robertito_prado · 29 Julio 2012, 16:00 PM

No entendí muy bien lo que quieres hacer pero puedes simplificar esto:

.p { margin-top:10px ; margin-bottom:10px; margin-left:10px;
margin-right:10px;}

y dejarlo así, ya que todos los margenes son 10 px:

.p { margin:10px;}

Saludos!

Puntoinfinito · 29 Julio 2012, 16:31 PM

Gracias, pero eso no es lo que necesito. Lo más importante es el fondo, este esta estático y tiene un fondo más o menos así;

Dentro de lo rojo sería de un color diferente al blanco, allí entraría el texto, y lo blanco es el margen, donde no va nada. Lo que me refiero, es que si el monitor que lo visita es grande el fondo se repetirá y quedara mal con las letras des-configuradas, saliendo-se del marco y etc.

Espero que quede más claro. Un ejemplo de lo que digo, seria esta web: http://www.comocreartuweb.com/
Sea como sea el monitor, el texto siempre esta dentro de la zona donde ha de estar, y la imagen de fondo se estira o se hace corta, para que todo quede bien...

Eso es lo que quiero.

Saludos

Spider-Net · 29 Julio 2012, 17:37 PM

Código (css) [Seleccionar]

body{
    background: repeat-y center url(tuimagen);
}

Puntoinfinito · 29 Julio 2012, 22:51 PM

Dentro de etiqueta body no chuta...

#!drvy · 29 Julio 2012, 22:59 PM

Podrías dar el código css + html que usas ?

Debería "chutarte" perfectamente xD

Saludos

Puntoinfinito · 29 Julio 2012, 23:02 PM

www.infiniter.vacau.com

Ahí esta todo el codec que implemento

Spider-Net · 29 Julio 2012, 23:06 PM

Me recuerda a mi primera web en Geocities xD. Y debería "chutarte" como tú dices, simplemente copiando lo que te he puesto dentro de las etiquetas <style></style>

Puntoinfinito · 29 Julio 2012, 23:15 PM

Jaja, es mi primera web, pero esta, echa manualmente xDD

Con http://htmledit.squarefree.com/ no me da buena respuesta...

Saluuudos

Puntoinfinito · 29 Julio 2012, 23:17 PM

Que tonto soy... claro, no es imagen del hosting