Entrar

Problema con mi zona de navegacion

jacy_hv · · Solicitar retirada
Un saludo a todos y bueno soy supernovato en esto.
Me explico, la zona de "contenido" va aumentando de tamaño, se va alargando segun escribimos, pues lo que yo quiero , si es que se puede,es que mi zona de "navegacion" vaya aumentando el largo en relacion a la zona de contenido, que llegue hasta el "pie".

Este es el codigo 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">Cabecera<div/>
<div id="entradilla">aqui entradilla</div>

<div id="navegacion">
<ul>
  • <a href="#">enlace 1<a/>
  • enlace 2
  • enlace 3
  • enlace 4
  • enlace 5

    </div>

    <div id="contenido">

    Para este tutorial, te sugiero que utilices las herramientas más sencillas. Por ejemplo, Notepad (Windows), TextEdit (Mac) o HTML Kit, serán suficiente. Una vez comprendido lo básico, probablemente se quieran utilizar herramientas más complicadas, o incluso programas comerciales como Style Master, Dreamweaver o GoLive. Pero para el desarrollo de una primera hoja de estilos, es mejor no distraerse con características avanzadas de otras herramientas.

    No utilices procesadores de texto como Microsoft Word u OpenO
    ffice. Con ellos, normalmente se generan archivos que los navegadores no pueden interpretar. Para HTML y CSS, lo único que necesitamos son archivos en texto plano.

    mente se quieran utilizar herramientas más complicadas, o incluso programas comerciales como Style Master, Dreamweaver o GoLive. Pero para el desarrollo de una primera hoja de estilos, es mejor no distraerse con características avanzadas de otras herramientas.
    eden interpretar. Para HTML y CSS, lo único que necesitamos son archivos en texto plano.

    El paso 1 consiste en abrir tu editor de texto (Notepad, TextEdit, HTML Kit o el que desees), comenzaresitamos son archivos en texto plano.

    El paso 1 consiste en abrir tu editor de texto (Notepad, TextEdit, HTML Kit o el que desees), comenzar con una ventana vacía y escribir lo siguiente: contenido

    </div>
    <div id="pie">este es el pie</div>

    </div>




    </body>
    </html>




    y este el codigo css


    * {margin:0px ; padding:0px ; border: 0px}
    body {text-align: center}
    #global {width:800px; margin:4px auto}
    #cabecera {background-color: #E0FFFF}
    #entradilla {background: #FFE1FF}
    #contenido {background-color: #FFA54F}
    #contenido p {padding: 15px 15px 10px 15px ;text-indent: 15px}
    p {text-align: justify}
    #navegacion {background-color:#E8E8E8; width: 170px;float:left}
    #navegacion li { list-style:none ; margin: 4px 0px 4px 6px }

    #pie {background-color:#FFEBCD}
    • ArkAngel · · Solicitar retirada
    hola!

    Estuve más o menos unos 20 min. tratando y buscando solución. Encontré una pero no del todo.

    Prueba con este código CSS: (Ej: http://pruebas-sss.es.tl/P%E1gina-1.htm )
    * {margin:0px ; padding:0px ; border: 0px}

body {text-align: center}

#global {width:800px; margin:4px auto;}

#cabecera {background-color: #E8E8E8}

#entradilla {background: #FFE1FF}

#contenido {background-color: #FFA54F;overflow: hidden;}

#contenido p {padding: 15px 15px 10px 15px ;text-indent: 15px}

p {text-align: justify}

#navegacion {background-color:#E8E8E8; width:170px;float:left;height: 100%;}

#navegacion li {list-style:none;margin: 4px 0px 4px 6px;}

#pie {background-color:#FFEBCD;}

    No esuna solución definitiva, debido a que el color de fondo del menú del lado izquierda y de la cabecera deben de coincidir, de lo contrario no coinciden los colores y se ve como espacio aparte.
    jacy_hv · · Solicitar retirada
    ArkAngel escribió:hola!

    Estuve más o menos unos 20 min. tratando y buscando solución. Encontré una pero no del todo.


    Seguro que estuviste 20 minutos?
    Porque yo en 5 min me he dao cuenta que cambiando <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 4.0 Transitional

    el 4.0 a 1.0 se pone asi. Bueno no dire nada mas
    ArkAngel · · Solicitar retirada
    Bueno, como siempre me voy a lo más complicado.

    Dime algo ¿Así buscas ayuda? ¿Yo intentado ayudarte y tú nisiquiera un gracias poco más diciendo que soy tonto?