Foros del Web » Creando para Internet » CSS »

No se ve igual en firefox que en explorer

Estas en el tema de No se ve igual en firefox que en explorer en el foro de CSS en Foros del Web. hola maestros tengo problemas com mis css q se vean de la misma forma en firefox y explorer tengo una pag q no muestra lo ...
  #1 (permalink)  
Antiguo 25/11/2007, 12:31
Avatar de rockobop  
Fecha de Ingreso: octubre-2004
Ubicación: Bolivia
Mensajes: 826
Antigüedad: 19 años, 5 meses
Puntos: 1
No se ve igual en firefox que en explorer

hola maestros tengo problemas com mis css q se vean de la misma forma en firefox y explorer

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;}
menuIzq
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;}
index.php
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");
?> 
__________________
:pensando: Tú no necesitas un libro mágico, un gurú carismático, rituales primitivos. Sólo necesitas tus cinco sentidos.:adios:
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 02:27.