amigos quiero que me ayuden porque mi web en IE se ve bien en la parte de abajo la curva inferior pero en los demas navegadores nop espero que me ayuden saluds
espero que me ayuden
Podrias poner un link a tu web y los codigos de las paginas y la css?
claro mi pana la web es http://contraloriamunicipalaraure.org.ve/
Codigo html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<LINK REL="SHORTCUT ICON" HREF="objetos/favicon.ico">
<title>Contraloria Municipal de Araure</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<link rel="stylesheet" href="estilo-menu-desplegable.css" type="text/css" media="all">
<script language="javascript" src="numero-de-menus.txt" type="text/javascript"></script>
<script language="javascript" src="no-tocar.txt" type="text/javascript"></script>
<script language="javascript" src="numero-de-menus.txt" type="text/javascript"></script>
<script type="text/javascript" src="crossfader.js"></script>
<style type="text/css">
#wrapper {float:right ;width:800px; height:300px}
</style>
</head>
<body onload="init();">
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">[contenido no disponible]</div>
<script languaje="JavaScript">
var mydate=new Date()
var year=mydate.getYear()
if (year < 1000)
year+=1900
var day=mydate.getDay()
var month=mydate.getMonth()
var daym=mydate.getDate()
if (daym<10)
daym="0"+daym
var dayarray=new Array
("Domingo","Lunes","Martes","Miercoles","Jueves","Viernes","Sabado")
var montharray=new Array("Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto",
"Septiembre","Octubre","Noviembre","Diciembre")
document.write("<font color='#000080' face='geneva'>"+dayarray+" "+daym+" de "+montharray
+" de "+year+"</font>")
</script>
</div>
<div id="navegacion">
<ul>
Inicio Nuestra Institución Contraloria Contacto
</div>
<div id="contenido">
<div id="menu">
<h1>Contraloria de Araure</h1>
Inicio Leyes Contacto
</div>
<h1>Bienvenidos al Sitio Oficial de la Contraloria de Araure</h1>
[contenido no disponible]
<div id="wrapper">
<div class="cf_wrapper">
<div class="cf_element" id="cf1">[contenido no disponible]</div>
<div class="cf_element" id="cf2">[contenido no disponible]</div>
<div class="cf_element" id="cf3">[contenido no disponible]</div>
<div class="cf_element" id="cf4">[contenido no disponible]</div>
</div>
</div>
<div id="pie">
<div id="pieuno">[contenido no disponible]</div>
<div id="piedos">[contenido no disponible][contenido no disponible][contenido no disponible]</div>
<div id="pietres">[contenido no disponible]</div>
</div>
</div>
<div id="curva-inferior"></div>
<script type="text/javascript">
var cf = new Crossfader( new Array('cf1','cf2','cf3', 'cf4'), 2000, 2000 );
</script>
<script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
</body>
</html>
Codigo CSS:
* {margin:0px ; padding:0px ; border: 0px}
p {text-align: justify}
h1 {font-size: 1.2em; color:red ; font-weight: bold ; text-decoration: underline ;
text-align: center}
h2 {font.size: 1.1em; color:red ; font-weight: bold ; text-decoration: none ;
text-align: center}
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: #4DD2FF ; border-left: black 1px solid ;
border-right: black 1px solid ; height:140px}
#logotipo {width:798px ; float:left }
#publicidad {width:518px ; float:right ; margin-top:25px ; font-size: 16px }
#navegacion {background-color: gray ; 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: #4DD2FF ; border-left: black 1px solid ; border-right: black 1px solid ; border-top: black 1px solid }
#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}
#menu {width: 150px ; float:left ;
text-align:left ; margin: 3px 10px 3px 3px ; background-image: url(objetos/menu-parte-inferior.gif) ; background-position: bottom ; padding-bottom:5px }
#menu li {list-style:none ; margin: 4px 0px 4px 6px}
#menu h1 {text-decoration:none ; font-size:12px ; padding-top:12px ; background-image: url(objetos/menu-parte-superior.gif) }
#textos {FLOAT: left; background-color:green ; width: 620px ; margin: 5px 5px 3px 5px}
#textos p {margin: 5px 10px 0px 10px ; text-indent: 15px}
#pie {background-color: #4DD2FF ; border-left: black 1px solid ; border-right: black 1px solid ; height: 92px }
#pieuno {float:left ; width:150px }
#piedos {float:left ; width:400px }
#pietres {float:right ; width:150px }
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
background-repeat: no-repeat ;
width:800px ;
height: 12px
overflow: hidden }
a {color: brown ; text-decoration:none ; display:inline }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: #4DFFD2}
a:active {}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}
#wrapper {text-align:left; height:300px; width:800px; margin: 0px 0px 0px 0px}
Codigo html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<LINK REL="SHORTCUT ICON" HREF="objetos/favicon.ico">
<title>Contraloria Municipal de Araure</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<link rel="stylesheet" href="estilo-menu-desplegable.css" type="text/css" media="all">
<script language="javascript" src="numero-de-menus.txt" type="text/javascript"></script>
<script language="javascript" src="no-tocar.txt" type="text/javascript"></script>
<script language="javascript" src="numero-de-menus.txt" type="text/javascript"></script>
<script type="text/javascript" src="crossfader.js"></script>
<style type="text/css">
#wrapper {float:right ;width:800px; height:300px}
</style>
</head>
<body onload="init();">
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">[contenido no disponible]</div>
<script languaje="JavaScript">
var mydate=new Date()
var year=mydate.getYear()
if (year < 1000)
year+=1900
var day=mydate.getDay()
var month=mydate.getMonth()
var daym=mydate.getDate()
if (daym<10)
daym="0"+daym
var dayarray=new Array
("Domingo","Lunes","Martes","Miercoles","Jueves","Viernes","Sabado")
var montharray=new Array("Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto",
"Septiembre","Octubre","Noviembre","Diciembre")
document.write("<font color='#000080' face='geneva'>"+dayarray+" "+daym+" de "+montharray
+" de "+year+"</font>")
</script>
</div>
<div id="navegacion">
<ul>
</div>
<div id="contenido">
<div id="menu">
<h1>Contraloria de Araure</h1>
</div>
<h1>Bienvenidos al Sitio Oficial de la Contraloria de Araure</h1>
[contenido no disponible]
<div id="wrapper">
<div class="cf_wrapper">
<div class="cf_element" id="cf1">[contenido no disponible]</div>
<div class="cf_element" id="cf2">[contenido no disponible]</div>
<div class="cf_element" id="cf3">[contenido no disponible]</div>
<div class="cf_element" id="cf4">[contenido no disponible]</div>
</div>
</div>
<div id="pie">
<div id="pieuno">[contenido no disponible]</div>
<div id="piedos">[contenido no disponible][contenido no disponible][contenido no disponible]</div>
<div id="pietres">[contenido no disponible]</div>
</div>
</div>
<div id="curva-inferior"></div>
<script type="text/javascript">
var cf = new Crossfader( new Array('cf1','cf2','cf3', 'cf4'), 2000, 2000 );
</script>
<script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
</body>
</html>
Codigo CSS:
* {margin:0px ; padding:0px ; border: 0px}
p {text-align: justify}
h1 {font-size: 1.2em; color:red ; font-weight: bold ; text-decoration: underline ;
text-align: center}
h2 {font.size: 1.1em; color:red ; font-weight: bold ; text-decoration: none ;
text-align: center}
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: #4DD2FF ; border-left: black 1px solid ;
border-right: black 1px solid ; height:140px}
#logotipo {width:798px ; float:left }
#publicidad {width:518px ; float:right ; margin-top:25px ; font-size: 16px }
#navegacion {background-color: gray ; 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: #4DD2FF ; border-left: black 1px solid ; border-right: black 1px solid ; border-top: black 1px solid }
#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}
#menu {width: 150px ; float:left ;
text-align:left ; margin: 3px 10px 3px 3px ; background-image: url(objetos/menu-parte-inferior.gif) ; background-position: bottom ; padding-bottom:5px }
#menu li {list-style:none ; margin: 4px 0px 4px 6px}
#menu h1 {text-decoration:none ; font-size:12px ; padding-top:12px ; background-image: url(objetos/menu-parte-superior.gif) }
#textos {FLOAT: left; background-color:green ; width: 620px ; margin: 5px 5px 3px 5px}
#textos p {margin: 5px 10px 0px 10px ; text-indent: 15px}
#pie {background-color: #4DD2FF ; border-left: black 1px solid ; border-right: black 1px solid ; height: 92px }
#pieuno {float:left ; width:150px }
#piedos {float:left ; width:400px }
#pietres {float:right ; width:150px }
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
background-repeat: no-repeat ;
width:800px ;
height: 12px
overflow: hidden }
a {color: brown ; text-decoration:none ; display:inline }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: #4DFFD2}
a:active {}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}
#wrapper {text-align:left; height:300px; width:800px; margin: 0px 0px 0px 0px}
seguramente el problema sea este:
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
background-repeat: no-repeat ;
width:800px ;
height: 12px ;
overflow: hidden }
si no pones ; no se toma los 12 pixeles de alto y no saldra el pie
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
background-repeat: no-repeat ;
width:800px ;
height: 12px ;
overflow: hidden }
si no pones ; no se toma los 12 pixeles de alto y no saldra el pie
jeje okz grax ya lo ise ahora si me sale la curva inferior pero no me sale ahora es los bordes saludos y gracias
Bueno, los bordes no se ven porque quedan tapados con las imagenes, mira que cuando estas cambian de una a otro, si se puede ver el borde, seguramente se soluciona cambiando el width de wrapper de 800px a 798px , (tabien en las imagenes) y centrandolo.
Tambien deberias retocar las curvas del menu izquierdo para que no se vea esa punta naranja, puedes hacerlo abriendo las curvas en un editor comun como el paint de windows y pintando estas esquinas del color celeste del fondo o bien haciendolas transparentes, saludos.
Tambien deberias retocar las curvas del menu izquierdo para que no se vea esa punta naranja, puedes hacerlo abriendo las curvas en un editor comun como el paint de windows y pintando estas esquinas del color celeste del fondo o bien haciendolas transparentes, saludos.
ok gracias por la ayuda ahora si se ven los bordes voy hacer lo de las esquinitas en anaranjado