[ayuda] imagen no se agranda.

Buenas gente, espero que me puedan ayudar, puse una imagen como fondo en la parte de body, la cual ensima va texto, un bienvenida para los visitantes, el problema es que cuando empiezo a escribir llega al final de la imagen y sigue escribiendo sobre el fondo de color, osea sobre pasa la imagen, si no mal recuerdo habia un codigo para que la imagen se valla agrandando a la vez que seguia el texto, estoy mal? por pavor alguien me podria dar una mano? desde ya gracias.
Puedes hacer que el fondo se repita con repeat o que se quede fijo al mover con la barra de desplazamiento.
Para que se quede fijo se hace en CSS asi:
body {background-attachment: fixed;}
Hola amigo, gracias por responderme, te comento no se me ha resuelto el problema, te explico un poco mas como esta mi plantilla, tengo la plantilla de inicio con un fondo naranja, y en el medio una imagen blanca no ocupa todo el ancho de la pagina (asi lo quiero) solo el medio me ocupa y ensima de esa imagen pongo el texto de la bienvenida para los visitantes, el problema es que si escribo mucho sobre pasa la imagen y sigue en el fondo naranja se entiende? lo que yo quiero es que no salga de la imagen que es blanca. desde ya gracias.
Si la img puede ser repetida ponla como fondo del div diciendo que repita.
Si la imagen no puede ser repetida entonces ponla en un div distinto, no como fondo si no como imagen de contenido. Haz el div flotante y colocalo en el otro div antes del texto. Entonces lo que ocurrira es que el texto se pondra encima de esa imagen como si fuese el fondo y tu podras estirar la imagen lo que quieras.
gracias por la respuesta, la verdad me mataste, te muestro como tengo mis archivos:

estilo-general.css

* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
body {text-align: center }
#global {width:800px ; margin:4px auto }
#cabecera {background-color: pink }
#navegacion {background-color: gray ; border: black 1px solid ; height:20px}
#navegacion li {float:left ; list-style:none ; margin: 0px 30px 0px 10px }
#navegacion ul { margin-left: 45px }
#contenido {width: 800px ; float:left ; background-image: url(objetos/otra.jpg) ; background-repeat: no-repeat ; height:100%;}
#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px }
#menu li {list-style:none ; margin: 4px 0px 4px 6px }
#pie {background-color: brown }

plantilla.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="cabecera">Bienvenidos a mi Web</div>
<div id="navegacion"><div id="navegacion">
<ul>
  • Sección 1
  • Sección 2
  • Sección 3
  • Sección 4
  • Sección 5
  • Sección 6
  • Sección 7

    </div>
    </div>
    <div id="contenido">


    Esta será la zona principal de la web</p>


    Este es mi segundo párrafo. Acabo de poner un punto y en cambio sigue siendo un párrafo pues no le he colocado aún la etiqueta de cierre. Voy a ponersela justo aquí.</p>


    Y este es el tercer párrafo. En pocas lecciones aprenderé a darle margenes para separarlos unos de otros, e incluso hacerles sanguias por la izquierda a la primera línea, que queda mucho mejor.</p>


    Anda, fijate! Salen todos centrados, que cosa. Espero que Jorgens nos enseñe a ponerlos alineados a la izquierda, o justificados. Así esto parece una poesia! je je je.</p>


    q</p>


    q</p>


    q</p>


    q</p>


    q</p>


    q</p>


    q</p>


    q</p>


    q</p>


    q</p>


    q</p>


    q</p>


    q</p>


    q</p>
    </div>
    <div id="pie">Este es el pié de página</div>
    </div>
    </body>
    </html>

    y aca te muestro la imagen de como se ve.
    http://www.todoanimanga.comxa.com

    y yo lo que quiero es que el contenido se mantenga dentro de la burbuja blanca que se ve en el centro, aclaro que tanto el fondo naranja como el globo blanco del centro pertencen a una misma imagen no son diferentes.
    espero que me puedas ayudar y desde ya gracias.
  • Usa entonces la tecnica de ponerlo en otro div. Como indique pones la imagen en otro div, no como fondo. Este lo haces flotante y le anades un alto y ancho y asi a medida que escribas le das mas o menos alto a la imagen y al div flotante...
    no hay caso, me podrias ayudar un poco? no entiendo mucho los divs se me hace un lio.
    perdon por el doble post no me deja editar o no se como es, era para decirte que lo corregi de otra manera, la imagen era de 1000 x 700 y no me dejaba achicarla con css, asi que la achique con el photoshop y ya entro bien el fondo.