Estoy haciendo una web para un partido politico local... y tengo algunos errores... en Chrome... ABAJO DEJO LOS CODIGOS
1) Chrome: El Menu Vertical se me va a la derecha y en el CSS esta el float:left:
Imagen del Problema:
http://img222.imageshack.us/img222/983/menuderechaw.png
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Partido "Nos Une el Cambio"</title>
<link rel="stylesheet" href="estilos-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">
<a href="index.html">
[contenido no disponible]
</a>
</div>
<div id="publicidad">Bienvenidos a la Pagina Web</div>
</div>
<div id="navegacion">
<ul>
Seccion 1
Seccion 2
Seccion 3
Seccion 4
</div>
<div id="contenido">
<div id="menu">
<ul> Enlace 1 Enlace 2 Enlace 3 Enlace 4
</div>
<h1>NOS UNE EL CAMBIO</h1>
Una propuesta de Gobierno en Tucuman, que garantize la vigencia plena de la Republica y el irrestricto subordinamiento a la Constitucion Argentina.</p>
La division de poderes con Autonomia total, nos dará a todos los Tucumanos, la dignidad de tener el control necesario del accionar individual de los funcionarios.</p>
<h2>Para los Tucumanos:</h2>
El ciudadano Tucumano sera beneficiario directo de los servicios basicos, brindados con eficiencia, equidad y honradez.</p>
Los Trabajadores, empleados publicos y privados tendran la garantia del control real del estado que hara cumplir a rajatabla los derechos laborales.</p>
La Policia de Seguridad se reformulará de modo que pueda cumplir con su objetivo de prevencion del delito, respetando, acabadamente, con los derechos consagrados en el Art. 18 de la Constitucion Nacional.</p>
</div>
<div id="pie">Este es el pie de la Pagina</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
CSS:
* {margin:0px ; padding:0px ; border:0px}
body {
text-align:center;
}
#global {
width:800px;
margin:4px auto;
}
#curva-superior {
background-image: url(objetos/curva-superior.gif);
background-repeat: no-repeat;
width:800px;
height:12px;
overflow:hidden;
}
#cabecera {
background-color:white;
border-left:black 1px solid;
border-right:black 1px solid;
height:155px
}
#logotipo {
background-color:white;
width:260px;
float:left;
}
#publicidad {
background-color:white;
width:538px;
float:right;
margin-top:55px;
}
#navegacion {
background-color:#BDBDBD;
border:black 1px solid;
height:20px;
}
#navegacion li {
float:left;
list-style:none;
margin:0px 20px 0px 20px
}
#navegacion ul{
margin-left:180px
}
#contenido {
background-color:#FAAC58;
border-left:black 1px solid;
border-right:black 1px solid;
}
#contenido p {
padding:5px 10px 5px 10px;
text-indent:15px;
}
#menu {
background-color:#F3F781;
width:150px;
float:left;
text-align:left;
margin:3px 10px 3px 3px;
}
#menu li {
list-style:none;
margin:4px 0px 4px 6px;
}
#pie {
background-color:white;
border-left:black 1px solid;
border-right:black 1px solid;
border-top:black 1px solid;
}
#curva-inferior {
background-image: url(objetos/curva-inferior.gif);
background.repeat: no-repeat;
width:800px;
height:12px;
overflow:hidden;
}
a {
color:blue;
text-decoration:none;
display:block;
}
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color:silver}
a:active {}
p {
text-align:justify;
}
h1 {
font-size:1.2em;
color:#2E2EFE;
font-weight:bold;
text-decoration:underline;
text-align:center;
}
h2{
font-size:1.1em;
color:#2E2EFE;
font-weight:bold;
text-decoration:none;
text-align:center;
}
Confio en que me ayudaran y les agradezco desde ya
1) Chrome: El Menu Vertical se me va a la derecha y en el CSS esta el float:left:
Imagen del Problema:
http://img222.imageshack.us/img222/983/menuderechaw.png
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Partido "Nos Une el Cambio"</title>
<link rel="stylesheet" href="estilos-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">
<a href="index.html">
[contenido no disponible]
</a>
</div>
<div id="publicidad">Bienvenidos a la Pagina Web</div>
</div>
<div id="navegacion">
<ul>
</div>
<div id="contenido">
<div id="menu">
<ul>
</div>
<h1>NOS UNE EL CAMBIO</h1>
Una propuesta de Gobierno en Tucuman, que garantize la vigencia plena de la Republica y el irrestricto subordinamiento a la Constitucion Argentina.</p>
La division de poderes con Autonomia total, nos dará a todos los Tucumanos, la dignidad de tener el control necesario del accionar individual de los funcionarios.</p>
<h2>Para los Tucumanos:</h2>
El ciudadano Tucumano sera beneficiario directo de los servicios basicos, brindados con eficiencia, equidad y honradez.</p>
Los Trabajadores, empleados publicos y privados tendran la garantia del control real del estado que hara cumplir a rajatabla los derechos laborales.</p>
La Policia de Seguridad se reformulará de modo que pueda cumplir con su objetivo de prevencion del delito, respetando, acabadamente, con los derechos consagrados en el Art. 18 de la Constitucion Nacional.</p>
</div>
<div id="pie">Este es el pie de la Pagina</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
CSS:
* {margin:0px ; padding:0px ; border:0px}
body {
text-align:center;
}
#global {
width:800px;
margin:4px auto;
}
#curva-superior {
background-image: url(objetos/curva-superior.gif);
background-repeat: no-repeat;
width:800px;
height:12px;
overflow:hidden;
}
#cabecera {
background-color:white;
border-left:black 1px solid;
border-right:black 1px solid;
height:155px
}
#logotipo {
background-color:white;
width:260px;
float:left;
}
#publicidad {
background-color:white;
width:538px;
float:right;
margin-top:55px;
}
#navegacion {
background-color:#BDBDBD;
border:black 1px solid;
height:20px;
}
#navegacion li {
float:left;
list-style:none;
margin:0px 20px 0px 20px
}
#navegacion ul{
margin-left:180px
}
#contenido {
background-color:#FAAC58;
border-left:black 1px solid;
border-right:black 1px solid;
}
#contenido p {
padding:5px 10px 5px 10px;
text-indent:15px;
}
#menu {
background-color:#F3F781;
width:150px;
float:left;
text-align:left;
margin:3px 10px 3px 3px;
}
#menu li {
list-style:none;
margin:4px 0px 4px 6px;
}
#pie {
background-color:white;
border-left:black 1px solid;
border-right:black 1px solid;
border-top:black 1px solid;
}
#curva-inferior {
background-image: url(objetos/curva-inferior.gif);
background.repeat: no-repeat;
width:800px;
height:12px;
overflow:hidden;
}
a {
color:blue;
text-decoration:none;
display:block;
}
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color:silver}
a:active {}
p {
text-align:justify;
}
h1 {
font-size:1.2em;
color:#2E2EFE;
font-weight:bold;
text-decoration:underline;
text-align:center;
}
h2{
font-size:1.1em;
color:#2E2EFE;
font-weight:bold;
text-decoration:none;
text-align:center;
}
Confio en que me ayudaran y les agradezco desde ya