Problema al interpretar IE mi CSS...

Citar

Escrito el 19 Dic 2005 02:55 pm

Buenas!...

Hola gente, bueno, les cuento... Estuve haciendo un maquetado sencillo de lo que va a ser una web que estoy tratando de diseñar con CSS, pero me pasa que al interpretarla FF, lo hace de la forma en que yo esperaba, ahora, IE mezcla todo

... que hago?...

Aca les dejo el CSS y el HTML....

CSS:

Código :

body {
   font:11px Verdana, Arial, Helvetica, sans-serif;
   background-color:#FFFFFF;
   line-height: 10px;
}

p {
   font-size:11px;
   color: #586885;
   line-height: 120%;
}

hr {
   display:none;
 }
h1 {
   font-size:19px;
   text-align : left;
   color : #666666;
   margin:0;
}
h2 {
   font-size:17px;
   text-align : left;
   color:#486895;
   margin: 0;
   
}
h3 {
   font-size:15px;
   text-align : left;
   color : #666666;
   margin: 0;
}
h4 {
   font-size:14px;
   text-align : left;
   color : #666666;
   margin: 0;
}
h5 {
   font-size: 12px;
   text-align : left;
   color : #666666;
   margin: 0;
}
h6 {
   font-size:11px;
   text-align : left;
   color : #666666;
   margin: 0;
}
td {
   font-size: 12px;
   text-align : left;
   color : #586885;
}
a {
   font-size:12px;
   color:#325FA0;
}
a:link {
   text-decoration: none;
}
a:visited {
   text-decoration: none;
   color:#325FA0;
}
a:hover {
   text-decoration: none;
   color:#000066;
}
a:active {
   text-decoration: none;
   color:#0099CC;
}

.separador{
   width: 350px;
   border-bottom: 1px solid Gray;
   margin: 15px 50px 7px 5px;
}

#contenedor{
   background-color: #99CCDD;
   border-style: none;
   margin: 0 auto;
   width: 700px;
   height: auto;
   padding-top: 1px;
}

.dintel{
   width: 670px;
   height: 120px;
   border: none;
   margin: 0 15px 10px 15px;
}

.usuario{
   width: 670px;
   height: 15px;
   font-family: Verdana;
   font-size: 11px;
   border-left: 15px solid #99CC00;
   border-right: 15px solid #99CC00;
   padding-top: 5px;
   margin-left: 15px;
   margin-right: 15px;
}

.camp{
   width: 670px;
   margin: 10px 15px 10px 15px;
   background-color: #F0FEFF;
}

.cuerpo_iz{
   width: 173px;
   height: auto;
   background-color: #F0FEFF;
   border-left: 10px solid #6699FF;
   border-right: 7px solid #6699FF;
   margin: 0 7px 0px 15px;
   padding: 5px 0 7px 0;
   float: left;
}

.cuerpo{
   width: 462px;
   height: auto;
   background-color: #F0FEFF;
   margin: 0 15px 10px 210px;
   padding: 5px 5px 7px 7px;
}

.titulo{
   width: 365px;
   height: 20px;
   padding-top: 5px;
   margin-bottom: 7px;
   background-color: #FFFFE0;
}

.footer{
   width: 670px;
   height: 20px;
   background-color: #F0FEFF;
   font-family: Verdana;
   font-size: 11px;
   border-left: 15px solid #99CC00;
   border-right: 15px solid #99CC00;
   margin-left: 15px;
   margin-right: 15px;
}

HTML(En realidad es .php, pero en su mayoria consta de HTML):

Código :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
 <link rel="STYLESHEET" type="text/css" href="Estilos/bas3.css">
</style>
<title>Verde X Gris</title>
<link href="Estilos/bas2.css" rel="stylesheet" type="text/css">
</head>

<body>

<div id="contenedor">
    <div class="dintel">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="670" height="120" id="Dintel" align="middle">
      <param name="allowScriptAccess" value="sameDomain" />
      <param name="movie" value="Dintel.swf" />
      <param name="quality" value="high" />
      <param name="bgcolor" value="#99CC00" />
      <embed src="Dintel.swf" quality="high" bgcolor="#99CC00" width="670" height="120" name="Dintel" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
      </object>
    </div>
    <div class="usuario">
        <?php
//          echo '    <img src="vxglogo.jpg">';
          echo '&nbsp;&nbsp;::';
          echo ' Verde X Gris ::';
          echo ' Home ::';
          echo ' Login ::';
          echo ' Usuario : &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;';
          echo ' Contraseña : &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;';
          echo ' Ingresar';
          echo "\n";
        ?>
    </div>
    <div class="camp">

        <table width="184" border="0" align="left" style="float:left; margin-right:7px; background-color:#F0FEFF">
        <tr>
          <td width="10" height="15" bgcolor="#99CC00"></td>
         <td width="174" bgcolor="#99CC00"></td>
        </tr>
        <tr>
         <td width="10" height="135" bgcolor="#99CC00"></td>
             <td width="174" height="135" align="left">
            Novedades:
            <ul>
               <li>1</li>
               <li>2</li>
               <li>3</li>
               <li>4</li>
               <li>5</li>
               <li>6</li>
               <li>7</li>
               <li>8</li>
               <li>9</li>
            </ul>
         </td>
        </tr>
      </table>

      <table width="479" border="0" style="background-color:#F0FEFF">
        <tr height="15">
          <td width="10"  height="15" bgcolor="#99CC00"></td>
          <td width="410"  height="15"bgcolor="#99CC00"></td>
        </tr>
        <tr>
          <td width="10" height="136" bgcolor="#99CC00"></td>
          <td width="459" height="136" align="left">Hola</td>
        </tr>
      </table>

    </div>
    <div class="cuerpo_iz">Hola</div>
    <div class="cuerpo">
   
      <div class="titulo">
         <h2>Bienvenidos a la web de Verde X Gris!</h2>
      </div>
      <p>Hoy, FECHA DEL DIA QUE SE SUBA, estrenamos la web de nusetra asociaci&oacute;n. Luego de varios
      meses de trabajar en ella, tenemos para ofrecerles diversos servicios para que puedan conocer
      nuestros proyectos, para poder compartir ideas, para juntar fuerzas y llevar todo esto adelante.
      Sin mas pre&aacute;mbulo, los invitamos a que comiencen su visita por este nuevo sitio, que por ahora
      est&aacute; un poco vacio, pero con el paso de los dias se ira enriqueciendo con nueva informaci&oacute;n.
      </p>
      <div class="separador"></div>
   </div>
    <div class="footer"></div>
</div>
</body>

<html>

Bueno, espero puedan ayudarme... y desde ya muchas gracias!

Pablo

Por _pablito_

Claber

190 de clabLevel

Genero:Masculino

Envíale un mensaje privado Email

Argentina

Citar

Escrito el 19 Dic 2005 03:28 pm

bien, antes que nada un par de consejos rápidos:
1. NO pongas código php, pon lo que sale del output
2. NO uses tablas, éstas se usan SOLO para datos tabulados
3. NO uses estilos "inline" para eso es la hoja de estilos (ejemplo: bgcolor="#99CC00)
4. aprende a distinguri cuando se utiliza un id y cuándo un class, el primero es para un elemento único (cabecera, contenido, pie de página) y el otro, para un elemento que se va a repetir (énfasis, comentario, nombre)
5. para poderte ayudar mejor, pon un link hacia el html que estás usando
6. éste es el más importante: cuando comiences a diseñar un sitio, hazlo con ie y ff simultáneamente

ojalá te sirvan estos pequeños tips

un saludo

Por fael

BOFH

2443 de clabLevel

3 tutoriales
2 articulos

Problema al interpretar IE mi CSS...

Escribe una respuesta rapida