No hay forma con Firefox (Un desesperado).

Escribi un mensaje ayer con problemas en Firefox entre otros y me he dispuesto a recordar de nuevo el curso paso a paso, tras la 3ª lección y viendo vuestro recordatorio, tal y como está ya no se ve la curva superior en Firefox (copiando exactamente el codigo HTML y el CSS).
Por otra parte no alcanzo a ver que </div> me pueden faltar o sobrar en mi web, está 3 o 4 mensajes más para abajo. Llevo 8 o 10 horas liado y no veo forma de solucionarlo, es un desespero "Ayuda por favor". Gracias

hola
empezamos....

en css tienes varios como esto


p {font.size: 1.1em }

debe ser
font-size ok??? corrigelos todos

tienes esto
recuerda que no debes tener espacios en blanco, ni en los nombres de las carpetas, ni de las imagenes, ni de los documentos.
corrigelos todos.
body { background-image: url(objetos comite/estrellasgrises.png)

#curva-superior { background-image: url(objetos comite/curvasuperior.gif)

aqui
#curva-inferior { background-image: url(objetos-comite/curvainferior.gif) ; background-repeat: no-repeat ; width:800px ; height: overflow: hidden }

deberia ser

#curva-inferior { background-image: url(objetos-comite/curvainferior.gif) ; background-repeat: no-repeat ; width:800px ; height:12px; overflow: hidden }

corrige todo eso, subes los cambios y me avisas de nuevo para seguir checando ok?

ahora... en el html veo algo mas

tienes contenido

dentro tienes contenidouno y contenidodos

hasta ahi perfecto... solo que no encuentro contenido en el css
podrias decirme donde està????

Yaneth escribió:hola
empezamos....

en css tienes varios como esto


p {font.size: 1.1em }

debe ser
font-size ok??? corrigelos todos

tienes esto
recuerda que no debes tener espacios en blanco, ni en los nombres de las carpetas, ni de las imagenes, ni de los documentos.
corrigelos todos.
body { background-image: url(objetos comite/estrellasgrises.png)

#curva-superior { background-image: url(objetos comite/curvasuperior.gif)

aqui
#curva-inferior { background-image: url(objetos-comite/curvainferior.gif) ; background-repeat: no-repeat ; width:800px ; height: overflow: hidden }

deberia ser

#curva-inferior { background-image: url(objetos-comite/curvainferior.gif) ; background-repeat: no-repeat ; width:800px ; height:12px; overflow: hidden }

corrige todo eso, subes los cambios y me avisas de nuevo para seguir checando ok?

Ante todo un montón de gracias por tu preocupación.
Creo haber rectificado todo lo comentado, quedaría así:

* {text-indent:0px ; margin:0px ; padding:0px ; border: 0px}

p {text-align: justify }
p {font-size: 1.1em }
h1 {font-size: 1.2em; color:#3A3A3C ; font-weight: bold ; text-decoration: underline ; text-align: center}
h2 {font-size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center}
h3 {font-size: 2.0em; color:#9932CC ; font-weight: bold ; text-decoration: none ; text-align: left}
h4 {font-size: 0.7em; color:#9932CC ; font-weight: bold ; text-decoration: none ; text-align: center}
h5 {font-size: 1.1em; color:#FFE0FF ; font-weight: bold ; text-decoration: none ; text-align: center}
h6 {font-size: 1.3em ; color:#FFE0FF }
h8 {font-size: 0.9em ; color:#9932CC ; font-weight: bold ; text-decoration: none ; text-align: center}

body {background-image: url(objetos comite/estrellasgrises.png)}
body {text-align: center}

#global {width:800px ; margin: 4px auto }

#curva-superior {background-image: url(objetos comite/curvasuperior.gif) ; background-repeat: no-repeat ; width:800px ; height: 12px ; overflow : hidden}

a {color: #FFE1FF; font-size:1.3em ; text-decoration: none ; display: block }
a:link {}
a:visited {}
a:hover {color:#9932CC ; text-decoration:underline ; background-color: #FFE1FF}
a:active {}

#cabecera {background-image: url(objetos comite/cabecera.jpg) ; background-color: #434347 ; border-left: #434347 1px solid ; border-right: #434347 1px solid ; height:85px}

#publicidad {width:518px ; float:right ; margin-top:25px ; font-size: 16px }

#logotipo {width:200px ; float:left ; margin: 0px 10px 0px 40px }
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}

#navegacion {background-color: #9932CC ; border: #434347 10px solid ; height:20px}
#navegacion li {float:left ; list-style:none ; margin: 0px 10px 0px 10px }
#navegacion ul { margin-left: 200px }

#navegacionuno {background-color: #9932CC ; border: #434347 10px solid ; height:20px}
#navegacionuno li {float:left ; list-style:none ; margin: 0px 10px 0px 10px }
#navegacionuno ul { margin-left: 200px }

#contenidouno {background-color: #434347 ; float:left ; width: 200px ; border-left: #434347 1px solid }}
#contenidouno p {padding: 5px 10px 5px 10px ; text-indent: 15px}
#contenidouno h1 {padding: 30px 10px 5px 10px}

#menu {width: 150px ; float:left ; text-align:left ; margin: 4px 10px 2px 25px ; background-image: url(objetos comite/menuinferior.gif); background-position: bottom ; padding-bottom:5px }
#menu li {list-style:none ; margin: 4px 50px 4px 6px}
#menu h1 {text-decoration:none ; font-size:12px ; background-image: url(objetos comite/menusuperior.gif) ; padding-top:12px }
#menu h1 {font-size: 1.1em; color:#9932CC ; font-weight: bold ; text-decoration: underline ; text-align: center}
#menu a {color: #9932CC; text-decoration:none ; display: block }
#menu a:link {}
#menu a:visited {}
#menu a:hover {color:#ffe0ff ; text-decoration:underline ; background-color: #9932CC }
#menu a:active {color:blue}

#contenidodos {background-color: #FFE0FF ; float:right ; width: 600px ; border-right: #434347 10px solid }}
#contenidodos p {padding: 5px 10px 5px 10px ; text-indent: 15px}
#contenidodos h1 {padding: 5px 10px 5px 10px}
#contenidodos h4 {font-size: 0.7em; color:#9932CC ; font-weight: bold ; text-decoration: none ; text-align: left ; padding: 0px 0px 20px 0px }

#pie { background-color: #434347 ; border-left: #434347 1px solid ; border-right: #434347 1px solid ; border-top: #434347 10px solid ; height: 65px }
#pie li {list-style: none ; font-size: 12px }
#pie a {color: blue; text-decoration:none ; display: block }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:black ; text-decoration:underline ; background-color: white }
#pie a:active {color:black}

#pieuno {float:left ; width:25px }
#piedos {float:left ; width:65px }
#pietres {float:left ; width:50px }
#piecuatro {float:left ; width:115px }
#piecinco {float:left ; width:368px }
#pieseis {float:left ; width:150px }
#piesiete {float:left ; width:25px }

#curva-inferior { background-image: url(objetos comite/curvainferior.gif) ; background-repeat: no-repeat ; width:800px ; height: 12px ; overflow: hidden }

lo subiste a la red verdad?????

te falta ajustar el espacio en blanco en la carpeta objetos comitè

le cambias el nombre a la carpeta y en el css tambien

por ejemplo asi

objetos-comite

saludos

Yaneth escribió:ahora... en el html veo algo mas

tienes contenido

dentro tienes contenidouno y contenidodos

hasta ahi perfecto... solo que no encuentro contenido en el css
podrias decirme donde està????

Evidentemente me lo había olvidado.
He intentado ponerlo como te enseño aqui debajo pero me lo deforma todo, ¿Motivo?

#contenido {background-color: #434347 ; float:left ; width: 800px ; border-left: #434347 1px solid }}
#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}
#contenido h1 {padding: 30px 10px 5px 10px}

#contenidouno {background-color: #434347 ; float:left ; width: 200px ; border-left: #434347 1px solid }}
#contenidouno p {padding: 5px 10px 5px 10px ; text-indent: 15px}
#contenidouno h1 {padding: 30px 10px 5px 10px}

#menu {width: 150px ; float:left ; text-align:left ; margin: 4px 10px 2px 25px ; background-image: url(objetos comite/menuinferior.gif); background-position: bottom ; padding-bottom:5px }
#menu li {list-style:none ; margin: 4px 50px 4px 6px}
#menu h1 {text-decoration:none ; font-size:12px ; background-image: url(objetos comite/menusuperior.gif) ; padding-top:12px }
#menu h1 {font-size: 1.1em; color:#9932CC ; font-weight: bold ; text-decoration: underline ; text-align: center}
#menu a {color: #9932CC; text-decoration:none ; display: block }
#menu a:link {}
#menu a:visited {}
#menu a:hover {color:#ffe0ff ; text-decoration:underline ; background-color: #9932CC }
#menu a:active {color:blue}

#contenidodos {background-color: #FFE0FF ; float:right ; width: 600px ; border-right: #434347 10px solid }}
#contenidodos p {padding: 5px 10px 5px 10px ; text-indent: 15px}
#contenidodos h1 {padding: 5px 10px 5px 10px}
#contenidodos h4 {font-size: 0.7em; color:#9932CC ; font-weight: bold ; text-decoration: none ; text-align: left ; padding: 0px 0px 20px 0px }

en dos lineas veo doble cierre de corchete

#contenido {background-color: #434347 ; float:left ; width: 800px ; bor#contenidouno {background-color: #434347 ; float:left ; width: 200px ; border-left: #434347 1px solid }}der-left: #434347 1px solid }}
#contenidodos {background-color: #FFE0FF ; float:right ; width: 600px ; border-right: #434347 10px solid }}


jejeje porque lo cierras dos veces????? :D

Yaneth escribió:te falta ajustar el espacio en blanco en la carpeta objetos comitè

le cambias el nombre a la carpeta y en el css tambien

por ejemplo asi

objetos-comite

saludos

Creo haberlo hecho todo como lo dicho y subido a la red.
Ya me comentarás. Gracias.

ok

ahora seguimos, no te desesperes heee??, y confia un poco sale??

en contenidouno, donde tienes el reloj y el calendario... por alguna razon no se quedan en su lugar, y hacen que se descuarde contenido dos

ok, agregale

<table border="0" id="t1" align="left">

tanto a la tabla del reloj, como a la tabla del calendario ok?????

yyyy te sobra un cierre que no encontraba
jeje

mira

</center>
</div>

</div>


quita ese rojo
ok?

ahora.... debes cerrarlo

justo despues del cierre de ccontenidodos

para que te des una idea te quedara algo asi:

<contenido>
<contenidouno></contenidouno>
<contenidodos></contenidodos>
</contenido>

otra cosa que no me gusta....
el reloj y el calendario no se acomodan como debe ser

lo arreglè metiendo ambos dentro de una misma tabla

asi

<table width="170" align="left">
<tr>
<td><param name=wmode value=transparent><embed style="" src="http://www.creatupropiaweb.com/recursos/relojes/relojes_2/reloj_alroba.swf" wmode="transparent" type="application/x-shockwave-flash" height="124" width="120"><param name=wmode value=transparent></embed>
</td>
</tr>
<tr>
<td background="http://www.creatupropiaweb.com/recursos/calendarios/cal_1_c.gif"><p align="center">[contenido no disponible]


<script language="JavaScript">
<!-- Begin
var now = new Date();
var month_array = new Array("Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre");
document.write("<form name=date_list><table bgcolor=#9932cc><tr><td>");
document.write("<select name=month onchange=change_month(this.options.selectedIndex)>");
for(i=0;i<month_array.length;i++)
{
if (now.getMonth() != i)
{document.write ("<option value="+i+">"+month_array);}
else
{document.write ("<option value="+i+" selected>"+month_array);}
}
document.write("</select>");
document.write("</td><td>");
document.write ("<select name=year onchange=change_year(this.options[this.options.selectedIndex])>");
for(i=2007;i<3000;i++)
{
if (now.getYear() != i)
{document.write("<option value="+i+">"+i);}
else
{document.write("<option value="+i+" selected>"+i);}
}
document.write("</select></td></tr><tr><td colspan=2><center>");
document.write("<table bgcolor=white border=0 cellspacing = 0 cellpading = 0 width=151><tr bgcolor=#9932cc align=center>");
document.write("<td><font color=BLACK>L</font></td><td><font color=BLACK>M</td><td><font color=BLACK>Mi</td><td><font color=BLACK>J</td><td><font color=BLACK>V</td><td ><font color=BLACK>S</td><td ><font color=RED>D</td>");
document.write("</tr><tr>");
for(j=0;j<6;j++)
{
for(i=0;i<7;i++)
{
document.write("<td align=center id=d"+i+"r"+j+"></td>")
}
document.write("</tr>");
}
document.write("</table>");
document.write("</center></from></td></tr></table>");
var show_date = new Date();
function set_cal(show_date)
{
begin_day = new Date (show_date.getYear(),show_date.getMonth(),1);
begin_day_date = begin_day.getDay();
end_day = new Date (show_date.getYear(),show_date.getMonth()+1,1);
count_day = (end_day - begin_day)/1000/60/60/24;
input_table(begin_day_date,count_day);
}
set_cal(show_date);
function input_table(begin,count)
{
init();
j=0;
if (begin!=0){i=begin-1;}else{i=6}
for (c=1;c<count+1;c++)
{
colum_name = eval("d"+i+"r"+j);
if ((now.getDate() == c)&&(show_date.getMonth() == now.getMonth())&&(show_date.getYear() == now.getYear())) {colum_name.style.backgroundColor = "#9932cc";colum_name.style.color = "WHITE";};
colum_name.innerText = c;
i++;
if (i==7){i=0;j++;}
}
}
function init()
{
for(j=0;j<6;j++)
{
for(i=0;i<7;i++)
{
colum_name = eval("d"+i+"r"+j);
colum_name.innerText = "-";
colum_name.style.backgroundColor ="#ffe0ff";
colum_name.style.color ="BLACK";
}
}
}
function change_month(sel_month)
{
show_date = new Date(show_date.getYear(),sel_month,1);
set_cal(show_date);
}
function change_year(sel_year)
{
sel_year = sel_year.value;
show_date = new Date(sel_year,show_date.getMonth(),1);
set_cal(show_date);
}
// End -->
</script>
</td>
</tr>
</table>

si me estàs siguiendo elpaso....

solo nos falta ajustar el pie

arregla todo lo que te dije
y me avisasr, no olvides subir los cambios

Yaneth escribió:si me estàs siguiendo elpaso....

solo nos falta ajustar el pie

arregla todo lo que te dije
y me avisasr, no olvides subir los cambios

O.K. creo haberlo hecho como lo dicho. Ya está subido

ok, seguimos

a contenido dos bajale el ancho, ya que lo pusiste muy justo
contenidouno en 200
y contenidodos en 600
pero recuerda que los bordes se cuentan a parte

entonces... para corregirlo

a contenidodos ponle 585px de ancho

Yaneth escribió:ok, seguimos

a contenido dos bajale el ancho, ya que lo pusiste muy justo
contenidouno en 200
y contenidodos en 600
pero recuerda que los bordes se cuentan a parte

entonces... para corregirlo

a contenidodos ponle 585px de ancho

O.K., hecho y subido al servidor.

vamos bien verdad??????
ya se va acomodando tu web....

solo nos queda el pie

dejame sigo viendo

Yaneth escribió:vamos bien verdad??????
ya se va acomodando tu web....

solo nos queda el pie

dejame sigo viendo

Es impresionante lo que hace el saber y tener la bondad de ayudar.

Vamos mejorando mucho

Gracias.

dime algo

necesitas siete apartados en el pie???????

Yaneth escribió:dime algo

necesitas siete apartados en el pie???????

Al no saber, hice siete apartados para jugar con margenes y tal, pero lo único que necesito es poder poner 3 o 4 imágenes o links.

Si quieres me comentas alguna otra forma de hacerlo.

ok
4 apartados estarà bien_?_????

Yaneth escribió:ok
4 apartados estarà bien_?_????

Con cuatro tengo suficiente.

estoy batallando algo con el pie

dime otra cosa

pusiste borde de 10 px? a la derecha??????
es correcto o es error de dedo?

Yaneth escribió:estoy batallando algo con el pie

dime otra cosa

pusiste borde de 10 px? a la derecha??????
es correcto o es error de dedo?

Es correcto pero no necesario.

jejeje
hiciste un monton de trampas
para lograr lo que deseabas
jajajajajajaj

por eso no me salen las cuentas

sigo revisando tenme paciencia he???