Hola, por qué la capa contenido se sale de la página cuando los párrafos que escribo son largos. Bueno ocurre con todas las capas cabecera, navegación...... Muchas gracias por todo
Os envío el la plantilla y el css
<!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">Cortijo El Chinarejo</div>
<div id="navegacion">Barra de navegación</div>
<div id="contenido">
<div id="menu">
<ul>
Elemento 1
Elemento 2
Elemento 3
</div>
Esto es el contenido de la página</p>
kkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk</p>
bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</p>
vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv</p>
hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh</p>
fffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff</p>
kkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk</p>
ccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc</p>
llllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllll</p>
mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm</p>
</div>
<div id="pie">Este es el pie de pagina</div>
</div>
</body>
</html>
------------------------------------------------------------------------------------
*{margin:0px; padding:0px; border:0px}
body{text-align:center}
#global {width:800px; margin:4px auto}
#cabecera {background-color:#32CD32}
#navegacion {background-color:#FFFF00}
#contenido {background-color:#7FFFD4; width:800px; float:left}
p{text-align:justify}
#menu {background-color:696969; width:150px; float:left; text-align:left}
#menu li{list-style:none; margin: 4px 0px 4px 10px}
#pie {background-color:#DDA0DD}
a {font-size:1.3em; text-decoration:none; color:FFFF00}
a link {}
a:visited{color:FF1493}
a:hover{color:32CD32}
a:active{}
Os envío el la plantilla y el css
<!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">Cortijo El Chinarejo</div>
<div id="navegacion">Barra de navegación</div>
<div id="contenido">
<div id="menu">
<ul>
</div>
Esto es el contenido de la página</p>
kkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk</p>
bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</p>
vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv</p>
hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh</p>
fffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff</p>
kkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk</p>
ccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc</p>
llllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllll</p>
mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm</p>
</div>
<div id="pie">Este es el pie de pagina</div>
</div>
</body>
</html>
------------------------------------------------------------------------------------
*{margin:0px; padding:0px; border:0px}
body{text-align:center}
#global {width:800px; margin:4px auto}
#cabecera {background-color:#32CD32}
#navegacion {background-color:#FFFF00}
#contenido {background-color:#7FFFD4; width:800px; float:left}
p{text-align:justify}
#menu {background-color:696969; width:150px; float:left; text-align:left}
#menu li{list-style:none; margin: 4px 0px 4px 10px}
#pie {background-color:#DDA0DD}
a {font-size:1.3em; text-decoration:none; color:FFFF00}
a link {}
a:visited{color:FF1493}
a:hover{color:32CD32}
a:active{}