Que tal buenas a todos.. el problema que tengo es que cuando coloco el menu lateral al parecer no "flota" pues todo lo que escriba del lado derecho deja el espacio que ocupa el menu lateral. ya cheque todo he intente algunas cosas pero nada porfas si alguien pudiese ayudarme..de antemano gracias...
el codigo html:
Y la hoja de estilos:
el codigo html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Productos</title>
<link rel="stylesheet" href="estilo-productos.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="cabecera">
<div id="logo">
[url="index.html"][/url]
</div>
</div>
<div id="menu-horizontal">
<ul>
[*][url="#"]HISTORIA[/url]
[*][url="#"]PRODUCTOS[/url]
[*][url="#"]PRINCIPALES CLIENTES[/url]
[*][url="#"]SUCURSALES[/url]
[*][url="#"]CONTACTO[/url]
[/list]
</div>
<div id="contenido">
<div id="menu">
<ul>
<h2>Productos</h2>
[*]HENKEL
[*]LOCTITE
[*]COGNIS
[*]FMP
[*]MANE
[*]MISCELANEOS
[/list]
</div>
sdhkjfalhgrfiudvhañjrfhalfuhquefhjsdfkljugfpAUGFÑOASDFBASD
IASOHDFGUAWSÑDFBSKJVBCKVGIASGFISDHFVLSDNBKJASDFUIVGSAÑHVÑAOHDa
sjvbdlagviafgvsjabvkbilvigasigfvbvcbvkSZJGFUIASDHFGUISDHGHOHGA
ASDGFBKJASILGVAIVBhSFOPHWPJASDNFFHUIAWHEFIUASDHFOPDHAFPHSADFHOPAIHF
ASJDFPOAHIFOPADSHFUIOASFDHAOFHISDHFQUHFAIHGPIASHJGFPÁJ´SFDIGUJÁSG
ASHDGOUIHPAGIHIOashgaio´sgh0´wr´qhgrihqgihaeopgihdfopghwghw0rghjahigj</p>
</div>
<div id="pie">Este es el pie de pagina</div>
</div>
</body>
</html>Y la hoja de estilos:
*{margin: 0px; padding: 0px; border: 0px}
body {text-align: center}
#global {width:800px ; margin:4px auto}
#cabecera {margin-top:25px;
background-color:#CEF6F5;
border-top:black 1px solid;
border-left:black 1px solid;
border-right:black 1px solid;
height:120px}
#logo {height:90px;
background-image:url(accesorios/logo.jpg);
background-repeat:no repeat;
width:712;
height:97;
margin-top:15px}
#menu-horizontal {background-color:#CEF6F5;
height:20px; border-left:black 1px solid; border-right:black 1px solid }
#menu-horizontal li {float:left;
margin: 0px 15px 0px 15px}
#menu-horizontal ul {margin-left:60px}
#contenido {background-color:#A9F5F2;
border-left:black 1px solid;
border-right:black 1px solid}
#contenido p {padding: 5px 10px 5px 10px; text-indent:15px}
#menu {width:150px; float:left; text-align:center;
margin:10px 10px 10px 10px;
background-image:url(accesorios/menu-curva-inferior.gif);
background-position:bottom}
#menu li {list-style:none;
margin:10px 10px 10px 10px}
#menu h2 {color:blue;
background-image:url(accesorios/menu-curva-superior.gif)}
#pie {background-color: brown}
a {color:brown; text-decoration:none}
a:link {}
a:visited {}
a:hover {color:red; text-decoration:underline}
a:active {}