Dreamweaver fondo degradado

¿y si lo haces con flash?

Déjate, déjate, solo me faltaba eso.

N_n, np hermano, hoy aprendí algo más, gracias. Y Dexter espero que hayas encontrado una solución.

Gracias Aedozea, lo del fondo ya está solucionado, tengo la opción de hacerlo con lo del último píxel o con lo tuyo de usar un div al 100%.

Cita Iniciado por oruramuqo Ver mensaje
si quieres alinear divs al centro de la página usas css con Margin:0px auto.

Por ejemploe.

Div style=Margin:0px auto;width:700px>centro</div>.

Donde 700px es el ancho del contenido que va alineado al centro.

También tienes cosas como position:absolute dentro de un position:relative.

Así un objecto podrá posicionarse relativo a otro:
Div style=position:relative;padding:4px 0px>logotipo.

Div style=position:absolute;right:5px;bottom:5px>965.x x.xx.xx</div>.
/div>.

Y también están los float:left float:rigtht.

En tu caso la página parece dividires en 3 secciones principales.
[html].
style type=text/css>.

Html, body{ twidth:100%, theight:100%;.
}.
/style>.
body style=position:relative;padding:0px;Margin:0px;hei ght:100%;text-align:center>.

Div style=background-color:#f60;height:100%;position:absolute;top:0px;l eft:0px;width:50%></div>.

Div style=background-color:#0f0;height:100%;position:absolute;top:0px;r ight:0px;width:50%></div>.

Div style=width:100%;height:100%;position:absolute;lef t:0px;top:0px;background-image:url(barra, png),background-repeat:repeat-y;background-position:center;></div> t<div id=Header style=text-align:center;position:relative;padding:15px 0px;width:700px;height:50px;Margin:0px auto> <img src=screen.jpg height=50 width=200 /> <div style=position:absolute;right:10px;bottom:10px>955 .xxx.x.x.x.x.</div> t</div> t<div id=screen style=height:300px;Margin:0px auto;width:700px;position:relative;border:1px solid black>screen <div style=position:absolute;right:20px;bottom:10px> <ul style=list-style:none> <li style=float:left;><a href=# style=padding:0px 10px>descargas</a></li> <li style=float:left;><a href=# style=padding:0px 10px>contacto</a></li> </ul> </div> t</div> t<div id=footer style=Margin:0px auto;width:700px>llamenos desde su operador.</div>.
/body>.
[/html].

En este ejemplo el background no se estira solo se usan colores planos usndo 2 divs para darle ese color plano, (no sé si hay una mejor manera).

Funciona en ie5.5+> internet explorer 8 Firefox opera Chrome.

Estoy usando inline styles, pero lo ideal es poner todos los styles juntos y luego sacarlos a un archivo.css.
estoy usando tu background.

Muchas gracias ruramuq, anoche estuve probando varias cosas, con divs sale bien, los he hecho todos del tamaño de la ventana principal, alineados y si les pongo un margen a la izquierda al % se mueven todos bien al redimensionar la pantall, a, lo único que no es exactamente lo que yo buscab, a, la idea es que el contenido quede centrado completamente en todas las resoluciones o dimensiones de pantalla.

Con tablas se hace fácil, les pones alinear al centro y chinpun, también probé a convertir los divs en tablas, el problema es que la página principal se puede hacer con tablas, pero ya las otras sería más cómodo con divs.

Lo que yo buscaba era una forma de que los divs se comportaran igual que las tablas, centándose en la pantalla, pero parece que el Dominance war no permite especificar eso, solo la distancia en los márgenes left, rigth, top y bottom.

La idea era hacerlo sin tener que meterme con código, pero bueno.

Ayer encontré por ahí algo parecido a lo que tú explicas, metiendo esta línea de código al principio:

Código:

<div style=width:999px, position: relative, Margin-left: auto, Margin-right: auto;>

.

Con esa línea el contenido se centra bien, pero no tengo muy claro lo que hace ni si lo he pegado en el sitio adecuando, en div style=width:999px venia con otro valor y yo le he puesto el ancho de la ventana principal, tampoco se si lo he metido en el sitio adecuando, el problema es que no sé porque el div con el correo me sale desplazado al hacer esto, ya no sé si tendré algo mal en el código, lo pego aquí:

Código:

<.doctype html public -//w3c//dtd xhtml 1.0 transitional//en https://www.w3.org/tr/xhtml1/dtd/xhtml1-transiciónal, dtd>. Html xmlns=https://www.w3.org/1999/xhtml>. Head>.
meta http-equiv=content-type content=text/html, charset=utf-8 />.
title>wellcome bn</title>.
style type=text/css>. Body { tbackground-image: url(imágenes/bk_gradient_2px.jpg), tbackground-repeat: repeat-y, tbackground-color: #bcbda, ttext-align: center.
}.
#ventana { tposition:relative, tleft:auto, ttop:1.021in, twidth:999px, theight:auto, tz-index:2, toverflow: visible, tvisibility: visible, tright: auto.
}.
#logotipo { tposition:absolute, tleft:1.5%, ttop:6px, twidth:999px, theight:auto, tz-index:3, tvisibility: visible, tright: 5%.
}.
#mail { tposition:absolute, tleft:11px, ttop:94px, twidth:999px, theight:auto, tz-index:4, tfont-family: trebuchet ms, arial, helvética, sans-serif, tvisibility: visible, tfont-size: 14px, ttext-align: right, tright: 5%.
}.
#tlf { tposition:absolute, tleft:12px, ttop:64px, twidth:999px, theight:18px, tz-index:5, tvisibility: visible, tfont-family: trebuchet ms, arial, helvética, sans-serif, tfont-size: x-large, tcolor: #003971, ttext-align: right, tright: 5%.
}.
#fondo { tposition:absolute, tleft:0, ttop:0, twidth:100%, theight:100%, tz-index:1, tbackground-color: #bcbda, tvisibility: hidden.
}.
->.
/style></head>. Div style=width:1024px, position: relative, Margin-left: auto, Margin-right: auto;>.
body class=fondo>. Div id=ventana><img src=imágenes/ventana_wellcomenvg, gif width=999 height=427 align=middle /></div>. Div id=logotipo><img src=imágenes/logotipo-bnfako.gif width=313 height=80 /></div>. Div id=mail><a href=x@hotmail.com>xx@hotmail.com</a></div>. Div id=tlf>965.xx.xx.xx</div>. P>&nbsp;</p>.
/body>.
/html>

.

Así he ajustado los divs en dw:
Dreamweaver fondo degradado-0001.jpg
Así me sale en el explorador.

Dreamweaver fondo degradado-0002.jpg
No, si al final aprenderé y todo.

Ver más sobre el tema y los comentarios en el foro