Firefox y Explorer.... por què se ve mal??

Flavi · #1 (**permalink**) 07/10/2008, 01:51

Hola a todos!
No sabia ni donde hacer mi pregunta...
Tengo un archivo html y un .css donde defino cada estilo.
Lo veo perfectamente en Internet Explorer pero en Firefox aparece todo corrido... sobretodo un div donde tengo un recuadro con una animacion (hecha en flash). Y tambien el div principal se corre respecto al encabezado de arriba.
No se ya que modificar... no entiendo en què se diferencian estos dos browsers... y por què no veo mi web del mismo modo en uno y en otro.
Me dicen algo por favor?
GRACIAS!

pateketrueke · #2 (**permalink**) 07/10/2008, 04:19

tienes que experimentar, simplemente.... si es un mal HTML este resultado es obvio...

si no, intenta quitar los CSS y ve agregándolos poco a poco... hasta que des con el clavo

suerte!

luissg · #3 (**permalink**) 07/10/2008, 04:32

Si pegas el código aquí tendrás muchos más puntos de que alguien te pueda ayudar :)

Flavi · #4 (**permalink**) 07/10/2008, 04:36

Hola!
gracias! .... hace 2 dias que trato de ubicar bien las cosas... pero no lo he logrado aun.
Leia por ahi que es mejor usar padding que margin en el css ... que trae menos problemas en los browsers, es verdad?
Si quieren ver el problema que tengo la web es: www.geovillage.it, y ya en la home ven que no coinciden los bordes perfectamente y la animacion se sale directamente fuera (con IE se ve bien, pero con FF ya se ve corrido)
Saludos.

Flavi · #5 (**permalink**) 07/10/2008, 04:43

ok, el utlimo codigo de pruebas me quedo asi (marquè con rojo donde tengo el mayor problema con el flash):

.....

<body>
<div id="container">

<div class="nametxt">
<h1> </h1>
</div>

<div id="content">
<div id="contentp">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="513" height="230">
<param name="movie" value="Flash/HomeGeo.swf" />
<param name="quality" value="high" /><param name="SCALE" value="exactfit" />
<embed src="Flash/HomeGeo.swf" width="513" height="230" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" scale="exactfit"></embed>
</object>
</div>
<div id="contentpre">
<h2 class="Stile1">Geovillage</h2>
<h3><span class="styleFla">Geovillage sport and wellness resort è un parco di circa 20 ettari inserito in un ambiente in cui domina il verde.Vicinissimo alle più belle spiagge della Costa Smeralda, al centro della città di Olbia e al suo modernissimo aeroporto, il Geovillage nasce dalla creatività e dalla imprenditorialità dell'ing. Gavino Docche: un complesso innovativo che comprende strutture ricettive di alto livello, sportive e per il tempo libero, come dimostrano la presenza di squadre internazionali che lo hanno scelto quale sede per i loro allenamenti. </span><br />
<br />
</h3>

.......

sigue....

y mi style.css

body {
margin : 0;
padding : 0;
font-family : arial, helvetica, sans-serif;
font-size : 9pt;
background-color: #072745;
}
#container {
width : 730px;
margin : 0px auto 5px auto;
border : 1px solid #111;
background : #fff;
background-image: url(images/bg.png);
}
#containersup {
width : 730px;
margin : 20px auto 10px auto;
border : 1px solid #111;
background : #fff;
background-image: url(images/bg.png);
}
#header {
height : 250px;
background : transparent;
border-bottom : 4px solid #000;
}
#header h1 {
color : #fefefe;
font-size : 22pt;
margin : 0;
padding : 40px 10px 10px 10px;
}
#content {
width : 490px;
padding : 0px;
margin : 0px 0px 0px 0px;
float : right;
}
#contentp{
width : 490px;
margin : 0px 0px 0px 0px;
padding : 0px;
float : right;
}
#contentpre{
width : 490px;
padding : 10px;
float : right;
}
#content h1, h2, h3, h4, hev {
font-size : 14pt;
margin : 0;
padding : 0;
font-family : Arial, Helvetica, sans-serif;
font-weight : lighter;
color : #9dceef;
}
#content h2 {
color : #a0d1f1;
font-size : 14pt;
border-bottom : 1px solid #ccc;
}
#content h3 {
color : #333;
font-size : 8pt;
}
#content hev {
color : #a0d1f1;
font-size : 7pt;
border-bottom : 1px solid #ccc;
}
#content a { color:#072745}
#content a:hover {color : #E46D33;
text-decoration : none;

}
.............
.............

Mikmoro · #6 (**permalink**) 07/10/2008, 04:47

Cita:

Iniciado por Flavi

Leia por ahi que es mejor usar padding que margin en el css ... que trae menos problemas en los browsers, es verdad?

No, no es así. Las diferencias entre navegadores es el abc de la maquetación mediante CSS, casi diría el abc del diseño web.

Busca en las FAQ algún buen manual y empieza a estudiar CSS, porque te vas a encontrar mil problemas como este, uno detrás de otro. Y luego busca sobre los problemas de Internet Explorer con CSS, que calculo que encontrarás unos 4 millones de páginas.

TresPuntoDos · #7 (**permalink**) 07/10/2008, 07:41

Cita:

Iniciado por Mikmoro

No, no es así. Las diferencias entre navegadores es el abc de la maquetación mediante CSS, casi diría el abc del diseño web.

Busca en las FAQ algún buen manual y empieza a estudiar CSS, porque te vas a encontrar mil problemas como este, uno detrás de otro. Y luego busca sobre los problemas de Internet Explorer con CSS, que calculo que encontrarás unos 4 millones de páginas.

Creo que te quedas corto

Volviendo al tema original, tienes problemas en ese div, pero que problemas? Que es lo que ocurre?

pateketrueke · #8 (**permalink**) 07/10/2008, 09:46

deben ser los CSS como dijo bien el master Mikmoro, si no sabes exactamente el comportamiento de las reglas CSS provoca entorpecimiento a la hora de maquetar....

osea, vas empezando y por "corregir" usas CSS ... eso esta mal!!!

debes comprender los diversos efectos que generan las reglas, para no corregir... solo dar estilo, o no?

Cita:

claro que hay que dominar HTML antes, suerte!

manuel1055 · #9 (**permalink**) 30/03/2010, 17:59

Cita:

Iniciado por pateketrueke

deben ser los CSS como dijo bien el master Mikmoro, si no sabes exactamente el comportamiento de las reglas CSS provoca entorpecimiento a la hora de maquetar....

osea, vas empezando y por "corregir" usas CSS ... eso esta mal!!!

debes comprender los diversos efectos que generan las reglas, para no corregir... solo dar estilo, o no?

claro que hay que dominar HTML antes, suerte!

me podeis ayudar por favor si es necesario pagar para repararlo no importa mi web http://www.marcagol.com/ con firefox se ve mas o menos bien pero en internet explorer sobre todo el index osea la portada se ve faltal podeis ayudarme gracias

manuel1055 · #10 (**permalink**) 30/03/2010, 18:00

me podeis ayudar por favor si es necesario pagar para repararlo no importa mi web http://www.marcagol.com/ con firefox se ve mas o menos bien pero en internet explorer sobre todo el index osea la portada se ve faltal podeis ayudarme gracias