Explorer no se ve igual que en firefox

Citar

Escrito el 13 Nov 2006 06:04 pm

Hola estoy haciendo mis pinitos en paginas web pero no obtengo el mismo resultado en explorer que en firefox, ademas la clase caja no se me ve igual que cabecera, bueno os lo dejo por si alguien me echa una mano y yo un descanso que no puedo mas.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Clube Deportivo Arenteiro</title>
<link href="css.css" rel="stylesheet" type="text/css" />

</head>

<body>
<div id="container">
<div id="head"><img src="imagenes/logo.png" width="254" height="50" style="margin-left:20px;" /></div>
<div id="menu">
<div class="menuitem"><a href="index.html" class="menu">Inicio</a></div>

<div class="menuitem"><a href="club.html" class="menu">O Clube</a></div>
<div class="menuitem"><a href="clasificacion.html" class="menu">Clasificacion</a></div>
<div class="menuitem"><a href="plantilla.html" class="menu">Plantilla</a></div>
<div class="menuitem"><a href="novas.html" class="menu">Novas</a></div>
<div class="menuitem"><a href="foros.html" class="menu">Foros</a></div>
</div>

<div class="clasificacion">
<div class="cabecera"><span class="cabecera">Clasificación</span></div>
<div class="caja">

<br />
<div class="itemverde"><div class="itemequipo">Porriño</div><div class="itemrest">25</div><div class="itemrest">11</div></div>
<div class="itemblanco"><div class="itemequipo">Gran Peña</div><div class="itemrest">22</div><div class="itemrest">11</div></div>

<div class="itemverde"><div class="itemequipo">Choco</div><div class="itemrest">21</div><div class="itemrest">11</div></div>
<div class="itemblanco">
<div class="itemequipo">Verín</div>
<div class="itemrest">21</div><div class="itemrest">11</div></div>
<div class="itemverde"><div class="itemequipo">Pontevedra</div><div class="itemrest">19</div><div class="itemrest">11</div></div>

<div class="itemblanco"><div class="itemequipo"><strong>Arenteiro</strong></div><div class="itemrest">17</div><div class="itemrest">11</div></div>
<div class="itemverde"><div class="itemequipo">Pontellas</div><div class="itemrest">16</div><div class="itemrest">11</div></div>
<div class="itemblanco"><div class="itemequipo">Salvatierra</div><div class="itemrest">16</div><div class="itemrest">11</div></div>
<div class="itemverde"><div class="itemequipo">Estradense</div><div class="itemrest">16</div><div class="itemrest">11</div></div>

<div class="itemblanco"><div class="itemequipo">Caselas</div><div class="itemrest">16</div><div class="itemrest">11</div></div>
<div class="itemverde">
<div class="itemequipo">Cultural A. </div>
<div class="itemrest">16</div>
<div class="itemrest">11</div></div>
<div class="itemblanco">

<div class="itemequipo">USD O Grove </div>
<div class="itemrest">15</div>
<div class="itemrest">11</div></div>
<div class="itemverde">
<div class="itemequipo">Tomiño</div>
<div class="itemrest">14</div>

<div class="itemrest">11</div></div>
<div class="itemblanco">
<div class="itemequipo">Gondomar</div>
<div class="itemrest">12</div>
<div class="itemrest">11</div></div>
<div class="itemverde">
<div class="itemequipo">P. Ourense </div>

<div class="itemrest">11</div>
<div class="itemrest">11</div></div>
<div class="itemblanco">
<div class="itemequipo">Bar Bentraces </div>
<div class="itemrest">11</div>
<div class="itemrest">11</div></div>

<div class="itemverde">
<div class="itemequipo">R.Bouzas</div>
<div class="itemrest">11</div>
<div class="itemrest">11</div></div>
<div class="itemblanco">
<div class="itemequipo">Masclasse</div>
<div class="itemrest">10</div>

<div class="itemrest">11</div></div>
<div class="itemverde">
<div class="itemequipo">Sp.Guardés</div>
<div class="itemrest">7</div>
<div class="itemrest">11</div></div>
<div class="itemblanco">

<div class="itemequipo">Sp.Celanova</div>
<div class="itemrest">2</div>
<div class="itemrest">11</div></div>
<br />
<div align="right"><br />
<a href="#">Liga</a><span class="rojo"> |</span> <a href="#">Copa Deputación</a> </div>

<br />
</div>

<div class="cabecera"><span class="cabecera">Patrocinado Por</span></div>
<div class="caja"><img src="imagenes/patrocinado.jpg" width="190" height="52" align="absmiddle" /></div>
</div>
<div class="center"><img src="imagenes/ArenteiroPontevedraBA.gif" width="304" height="150" />
<div class="cabecera"><span class="cabecera">Arenteiro 1 - Pontevedra B 3 </span></div>
<div class="caja"> <img src="imagenes/ArenteiroPontevedraB.gif" width="300" height="200" /><br />

<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec dictum vulputate metus. Pellentesque ac turpis sit amet arcu facilisis pellentesque. Integer pharetra lectus vel augue. Proin auctor nunc non augue. Donec sed ante eu nisi porttitor molestie. Donec venenatis adipiscing odio.</p>
<div align="right"><br />
<a href="#">Ampliar resumo</a><span class="rojo"> |</span> <a href="#">Mais Resumos</a> </div>

</div>
</div>

<div class="novas">
<div class="cabecera">
<span class="cabecera">Novas</span>
</div>
<div class="caja">
<div class="novas">
<div class="novascont"><img src="imagenes/010106a.gif" width="50" height="50" /></div>
<div class="novascont"><span class="rojo">01.05.06</span> <br />Abbas lesionado hasta enero. </div>

</div>
<div class="novas">
<div class="novascont"><img src="imagenes/010106a.gif" width="50" height="50" /></div>
<div class="novascont"><span class="rojo">01.05.06</span> <br />Abbas lesionado hasta enero. </div>
</div>
<div class="novas">
<div class="novascont"><img src="imagenes/010106a.gif" width="50" height="50" /></div>

<div class="novascont"><span class="rojo">01.05.06</span> <br />Abbas lesionado hasta enero. </div>
</div>
<div align="right"><br />
<a href="#" >Mais novas</a>
</div>
</div>
</div>

<div id="footer">Aviso Legal | Mapa Web</div>
</div>

</body>
</html>

css

/* CSS Document */

body { margin: 0px;}

p,a,span {
padding:5px;
}

span {margin: 2px;}

img {
behavior: url("pngbehavior.htc");
}

#container {
width: 757px;
margin: 0px auto;
}

#head,#menu,#content,#footer {
width:100%;
float:left;
}
#footer {
margin-top:20px;
text-align:center
}
#content { margin-top: 10px;}
#head {
background-image:url(../imagenes/fondo.gif);
}
.menuitem {
float:left;
padding-left: 20px;
padding-right: 20px;
margin: 5px;
margin-left: 0px;
border-left: thin solid #e1e1e1;
}
.clasificacion,.novas {
float:left;
width: 200px;
margin-top:10px;
}

.cabecera {
width: 100%;
background-color:#333333;
vertical-align:middle;
}

.caja{
width:100%;
float:left;
border: 2px solid #e1e1e1;
}
.itemverde {
width: 80%;
background-color:#d8f6c0;
margin: 0 auto;
border-bottom: thin solid #e1e1e1;
border-top: thin solid #e1e1e1;
}

.itemblanco {
width: 80%;
margin:0px auto;
}

.itemequipo {
width: 60%;
float:left;
background:none;

}
.itemrest {
width: 20%;
float:left;
text-align:right;
}
.center {
width: 300px;
float:left;
margin-left:20px;
margin-right:20px;
margin-top:10px;
}
.novas {
float:left;
width: 200px;

}
.novascont {
float:left;
margin-left: 5px;
margin-bottom: 5px;
}

Por etion

3 de clabLevel

Envíale un mensaje privado

Citar

Escrito el 15 Nov 2006 05:23 am

¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡ :shock:

hombre resume esto :shock:

!!!!!!!!!!!!!!!!!!!!!!!!
claro si me pagas leo todo y para mañana te lo tengo listo, pero esto es trabajo voluntario.
Además encierra tu codigo dentro de la etiqueta "code"[ ]
por el gran :fsm:

no nos hagas trabajar, mejor trabaja tu

Por Inyaka

Claber

3176 de clabLevel

9 tutoriales
2 articulos

Genero:Masculino Desarrollador de GAIA

Envíale un mensaje privado

Programador y fotógrafo

@inyaka

Citar

Escrito el 15 Nov 2006 02:22 pm

inyaka escribió:

encierra tu codigo dentro de la etiqueta "code"[ ]

Lo mismo digo

inyaka escribió:

por el gran :fsm:

no nos hagas trabajar, mejor trabaja tu

Amén.
Pero ya que estamos, has probado a buscar en Google algo parecido a "no se ve igual en firefox que en explorer"??? porque es muy probale que te empiecen a salir resultados entre los que se encuentra una cosa muy rara que se llama "condicionales IE" (si ves que uno de los resultados es de Diseñorama pincha ese).
te dejo el link
Ese es el camino...

Por Johnny

Claber

1589 de clabLevel

4 tutoriales

Héroes

Envíale un mensaje privado Web

@jmunozherrero

Explorer no se ve igual que en firefox

Escribe una respuesta rapida