Entrar

como puedo alinear mi barra de contenido

octavious · · Solicitar retirada
como puedo alinear mi barra de contenido sin afectar
a los menus laterales? aqui esta el codigo...:

el del index.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">Gastfamilie in Mexiko</div>
<div id="navegacion">Barra de Navegación</div>

<div id="menuleft">Menu Left
<ul>
  • <a href="#">Enlace 1
  • <a href="#">Enlace 2
  • <a href="#">Enlace 3
  • <a href="#">Enlace 4

    </div>
    <div id="menuright">Menu Right
    <ul>
  • <a href="#">Enlace 5
  • <a href="#">Enlace 6
  • <a href="#">Enlace 7
  • <a href="#">Enlace 8

    </div>

    <div id="contenido">


    <h1>Esta será la Zona Principal de la Web</h1></p>
    </div>

    <div id="pie">Este es el Pié de Página</div>
    </div>

    </body>
    </html>


    y el de la hoja de estilo:

    body {background-color:#AFEEEE ; text-align: center }
    .centrado {text-align:center }
    #global {width: 800px ; margin: 4px auto }
    #cabecera {background-color: #48D1CC }
    #navegacion {background-color: #00BFFF }
    #contenido {background-color: #FFF68F ; width: 500px }
    #menuleft {background-color: yellow; width: 150px ; float:left }
    #menuright {background-color: yellow; width: 150px ; float:right }
    #menuleft li {list-style: none }
    #menuright li {list-style: none }
    #pie {background-color: #7AC5CD}


    gracias compas!!