tengo una pag q no muestra lo mismo tanto en firefox como en explorer abajo del pongo las capturas
Firefox
Explorer
Espero me puedan echar una manito, aqui les pego el código de los css del diseño de la pagina en gral y del menu
diseño
Código HTML:
body {
background: url(../images/borriol.gif);
color:#3399FF;
font:76% Verdana,Tahoma,Arial,sans-serif;
margin:0 auto;
padding:0;
}
#contenedor {
background:#fff;
color:#303030;
margin:0 auto;
padding:1px 5px;
width:760px;
}
/* barra izqwierda*/
#barizquierda {clear:left;
float:left;
margin:10px 10px 10px;
padding:0;
width:150px;}
/*parte contenedora del reloj*/
#barizquierda .extras {
background:url(dolphin/menubg.gif) repeat-x bottom left #f4f4f4;
border-bottom:1px solid #d8d8d8;
border-left:4px solid #ccc;
font:Arial, Helvetica, sans-serif;
border-top:1px solid #d8d8d8;
color:#0066CC;
line-height:1.3em;
margin:10px 0px 10px;
padding:5px 5px 5px;
width:134px;
font-weight:bold;
text-align: center;
}
#barizquierda h2 {font-size:1.5em;
text-align: center;
font-weight:400;}
/* aqui comienza el calendario*/
#calendario{
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 10px;
text-align: center;
border-collapse: collapse;
border-right: 2px solid #999999;
border-bottom: 2px solid #999999;
}
/*#mes para configurar aspectos de la caja que muestra el mes y el año*/
#mesCalendario{
font-weight: bold;
text-align: center;
color: #CC6633;
background-color: #E4CAAF;
}
#calendario th, #calendario td{
border: 1px solid #999999;
padding: 3px;
font-size: 110%;
}
#calendario th{
color: #CC6633;
}
/*.Hoy para configurar aspectos de la caja que muestra el día actual*/
.Hoy{
color: #CC6633;
background-color: #FFFFFF;
font-weight: bold;
}
#miCalendario{
text-align: center;
margin:200px 0px 0px 0px;
}
/* Main content variations */
#content {line-height:1.5em; margin:10px 10px 10px 10px; padding:0; text-align:left;}
#contentwide {line-height:1.5em; margin:10px 0 10px 160px; padding:0; text-align:left;}
#content h2,#contentwide h2 {font-size:1.8em; font-weight:400; letter-spacing:-1px; margin:8px 0 10px; padding:0;}
#content h3,#contentwide h3 {font-size:1.5em; font-weight:400; margin:6px 0; padding:0;}
#content images,#contentwide images {background:#ccc; border:4px solid #f0f0f0; color:#303030; display:inline; padding:1px; margin:0 10px 5px 0;}
#content ul,#content ol,#contentwide ul,#contentwide ol {margin:0 0 16px 20px; padding:0;}
#content ul ul,#content ol ol,#contentwide ul ul,#contentwide ol ol {margin:2px 0 2px 20px;}
#content li,#contentwide li {margin:0 0 2px 10px; padding:0 0 0 4px;}
/* Footer */
#footer {background:#fff; border-top:2px solid #dadada; clear:both; color:gray; font-size:0.9em; margin:0 auto; padding:8px 0; text-align:center; width:760px;}
#footer p {margin:0; padding:0;}
#footer a {background:inherit; color:gray; font-weight:400; text-decoration:none;}
#footer a:hover {text-decoration:underline;}
/* Links and paragraphs */
a {background:inherit; color:#166090; text-decoration:none; font-weight:700;}
a:hover {background:inherit; color:#286ea0; text-decoration:underline;}
a images {border:0;}
p {margin:0 0 16px;}
blockquote {background:url(dolphin/menubg.gif) repeat-x bottom left #f4f4f4; border-bottom:1px solid #d8d8d8; border-left:4px solid #ccc; border-right:1px solid #d8d8d8; border-top:1px solid #d8d8d8; color:#505050; margin:16px; padding:7px 7px 7px 11px;}
blockquote p {font-size:1.1em; line-height:1.3em; margin:0;}
/* Search box */
#searchbox label,.hide {display:none;}
#searchbox {margin:6px 0 16px; padding:0;}
#searchform {background:#fff; border:1px solid #ccc; color:#505050; font-size:0.9em; padding:4px; width:116px;}
Código HTML:
#barizquierda ul.avmenu {list-style:none;
margin:0 0 18px;
padding:0;
width:150px;}
#barizquierda ul.avmenu li {display:inline;
padding:0;
width:150px;}
#barizquierda ul.avmenu li a {background:url(dolphin/dolphin_bg.gif) repeat-x bottom left #f4f4f4; border-bottom:1px solid #d8d8d8;
border-left:4px solid #ccc;
border-right:1px solid #d8d8d8;
border-top:1px solid #d8d8d8;
color:#FFFFFF;
float:left;
font-size:1em;
font-weight:700;
margin-bottom:5px;
padding:5px 1px 5px 5px;
text-decoration:none;
width:138px;}
#barizquierda ul.avmenu li a:hover,#barizquierda ul.avmenu li a.current {background:url(dolphin/dolphin_bg-OVER.gif) repeat-x bottom left #eaeaea;
border-bottom:1px solid #b0b0b0;
border-left:4px solid #505050;
border-right:1px solid #b0b0b0;
border-top:1px solid #b0b0b0;
color:#FFFFFF;}
#barizquierda ul.avmenu ul {font-size:0.9em;
margin:0 0 0 15px;
padding:0 0 5px 0;
width:133px;}
#barizquierda ul.avmenu ul a {padding:3px 1px 3px 5px;
width:123px;}
#barizquierda ul.avmenu ul ul {font-size:1em;
width:120px;}
#barizquierda ul.avmenu ul ul a {width:108px;}
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> <meta name="description" content="Your description goes here" /> <link rel="stylesheet" type="text/css" href="../recursos/css/diseno.css" media="screen,projection" /> <title>MArmolera v 3.0</title> </head> <?php include("../html/encabezado.html"); ?> <div id="contenedor"> <div id="barizquierda"> <?php include("../html/menuIzquierda.html"); ?> <div id="miCalendario"> <?php include("calendario.php"); ?> </div> <div class="extras"> <?php include("../html/reloj.html"); ?> </div> </div> <div id="content"> <h2>andreas00 - a free website template!</h2> <p>This is a free XHTML/CSS-based website template, that anyone may use for any purpose without any obligations or limitations. It was originally based on the <a href="http://andreasviklund.com/templates/">andreas01</a> template to which andreas00 added requested features such as a 2-column layout variation and support for sub-pages in the main menu - features that were later added into andreas01 as w fell. But there are also other small modifications and a few extras, like the background images in the menu buttons. I hope that you like what you see and that you find the template to be easy to work with. That is what it was made for!</p> <img src="img/test.jpg" height="dfg00" width="125" class="left" alt="Example content image" /> <p>If you use this template, I kinsgdfgsdfg sdfgsdlgsdlfj kgsdlkjfgsdlkh gslkdfjsldkjfghsdklfglsdfkghsdfjghsdlkfghsdfklgsdflkghdsfkg dfskljgh skldfghsdlkf gsdlkf gsdflkjg hsdlkfgsdlkgsdlfg hsdghsdg sdf hksdlfgh sdlfkjghsdlkfjgklsdf ghslkdfh gldksfk hhh f hghghg hg f f gkk hg hkf kkfdf j f kdslñas g o576256898oiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiidly ask you to leave the credits and the link to my website in the footer since it is a nice way of giving something back to the template designer. But that is only a friendly request, not any obligation.</p> <h3>Other versions and additional resources</h3> <p>This template is also available as a <a href="http://andreasviklund.com/wordpress-themes/">theme for WordPress</a> and it has been ported to a number of <a href="themes.html">other blogs and CMS</a> as well. New theme versions will be announced on <a href="http://andreasviklund.com/">my website</a> whenever a new port is released.</p> </div> </div> </body> </html> </div> <?php include("../html/piePagina.html"); ?>
