Margenes adaptables al monitor

[Spider-Net]

No uses esa ***** para hacer tu web xD. Antes que usar eso puedes usar el notepad++. Y si quieres ayudas para auto-completar y para el diseño usa DreamWeaver.

Saludos.

[robertito_prado]

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

Vamos a ver, tu como le estas dando las medidas?
Con pixeles o con porcentajes?
Si se lo das con pixeles, el tamaño no variara de un monitor a otro. Si se lo das con porcentajes, te cojera el porcentaje de la pantalla... me explico?

[Puntoinfinito]

No uses esa ***** para hacer tu web xD.

Nono, ¡un cojon hago con eso mi web! Escribo el código en gedit, eso es solo para probar cosas que aprendo...
Saludos

[Puntoinfinito]

Vamos a ver, tu como le estas dando las medidas?
Con pixeles o con porcentajes?

Lo hago con pixels

[robertito_prado]

Pues por lo he que he entendido, tienes que darle el tamaño al div "container" con porcentajes, para que si pones letras o lo que sea dentro de el, y lo miras con una pantalla mayor, se amplie el div tambien y no se salgan las letras.
Saludos!

[Spider-Net]

No, el fondo tiene un tamaño fijo y no debe repetirse horizontalmente, para eso se usa repeat-y, para que solo se repita de forma vertical y no de forma horizontal. Se usa center para que el fondo quede centrado al centro de la pantalla (tenga el tamaño que tenga). Por lo tanto el div container debe tener un tamaño fijo en píxeles, que debe ser aproximadamente el tamaño de la zona en la que él quiere que aparezca el texto.

[robertito_prado]

Ya, pero si el div container tiene un tamaño fijo en pixeles, se mostrará siempre igual, sin adaptarse al tamaño de la pantalla... Y eso es precisamente lo que no quiere el creo yo...
Saludos!

[Puntoinfinito]

Entonces, este no sirve.... ;

Código (css) [Seleccionar] Expandir

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

[Spider-Net]

A ver, que yo sepa lo que tiene que adaptarse es el fondo, no el container. Y el código que te puse funciona perfectamente, no es más fácil que lo pruebes en local y veas que funciona tío?

http://rubenban.es/elhacker.net/

A ver si así dejáis de ser tan tercos.. xD

[Puntoinfinito]

Sí, funciona a la perfección, lo probé en local. Lo que digo es esto.

Imaginemos que tengo un fondo como el ejemplo que he puesto. Y lo añado mediante esto código:

Código (css) [Seleccionar] Expandir


<style>
body{
    background: repeat-y center url(tuimagen);
}
</style>
...

Y luego, pongo un tipo de letra con los margenes añadidos:

Código (css) [Seleccionar] Expandir


<style>
.margen { margin:10px;}
[code]

Y teóricamente ahora esto queda todo bien en mi ordenador, es decir el texto queda dentro. Pero eso a mi pantalla. ¿Pero luego, depende del monitor quedaría o no quedaría cuadrado? Es que no me lo habéis dejado claro xD

Saludos expertos CSSEROS [/code]