Tenia todo bien en mi web, pero mientras la editaba se fue la luz, cuando volvio, al no haber guardado, se descuadro y ya no se que esta mal. En IE se ve bien pero el prob esta en firefox :S ¿que hago?
La pagina es GIGANTES.NETAI.NET
Aqui el code:
Ese fue el HTML, aca los estilos css
Necesito ayuda para encuadrarlo, ademas cualquier recomendacion se acepta :)
La pagina es GIGANTES.NETAI.NET
Aqui el code:
<!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>
<title>Home - Gigantes Legendarios</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="estilos.css" rel="stylesheet" type="text/css" />
</head>
<body bgcolor="#000000">
<div id="Global">
<div id="cabecera">
<div id="cabecera-izq">
[img]objetos/imagenes/logo.png[/img]
</div>
<div id="cabecera-der">
<h1>Shinwa no Kyojin</h1>
<h2>(Gigantes Legendarios)</h2>
Es un manga creado, editado y dibujado por Mathias San miguel, autor de esta web. Su historia se basa en un chico noruego que durante un día cualquiera conoce un autoritario Gigante de Hielo durante una invasión de mounstruos que le cambia el modo de pensar acerca de la mitología de su país.</p>
</div>
</div>
<div id="cont">
<div id="lateral">
<div id="menu">
[img]objetos/imagenes/menu.png[/img]
[url="secciones/descargas/index.html"]Descargas[/url]
[url="secciones/sinopsis/index.html"]Sinopsis[/url]
[url="secciones/personajes/index.html"]Personajes[/url]
[url="secciones/info/index.html"]Info.[/url]
[url="secciones/tomos/index.html"]Tomos[/url]
</div>
<center>
[url="index.html"][img]objetos/imagenes/blog-image.png[/img][/url]
[url="foro/"][img]objetos/imagenes/foro-image.png[/img][/url]
</center>
[url="http://creativecommons.org/licenses/by-nc-nd/3.0/"][img]http://i.creativecommons.org/l/by-nc-nd/3.0/88x31.png[/img][/url]</p>
</div>
<div id="contenido">
<div id="noti1">
<h1>Titulo de la Primera Noticia</h1>
<hr style="width:650px" color="#000000" align="left" height="10px"/>
<center>
[img]objetos/imagenes/imagen_anonima.jpg[/img]
</center>
Esto el el primer parrafo de la noticia. Como esto es una plantilla no voy a escribir mucho, solo solo necesario para marear a quien se le ocurra insultar a esta presiosa plantilla de muestra que hice con tanto esmero. Siempre habra un segundo parrafo, pero esta es una segunda oracion el segundo parrafo es despues.</p>
Si, aqui es el segundo parrafo, bien bonito y arreglado, con letras, colores y muchas palabras tontas, como si, aqui, parrafo o bonito, siendo este el segundo parrafo.</p>
<div class="links">
[b]Links:[/b]</p>
<ul>
[*][url="http://www.nosequepaginaponer.com"]NoSeQuePaginaPuse[/url]
[*][url="http://www.algunaotratonteria.net"]AlgunaOtraWebPuntoNet[/url]
[/list]
</div>
[url="blog/2010/abril/otro-comienzo.html"]Comentarios[/url]
<hr class="hr-fecha"/>
<h6>Sabado, 27 de Febrero de 2010, 7:35pm</h6>
</div>
<hr class="hr-separa-noticias" />
<div id="noti2">
<h2>Otro comienzo...</h2>
<hr style="width:650px" color="#000000" align="left" height="10px"/>
<center>
[img]blog/2010/abril/imagenes/evolucion.png[/img]
</center>
synnydb hty jtyjhntj jtyj tjmt jtyuj t fj m mfym yfm yfyum fmyuymy ym yfm ym fym yuj yju jm uyj m</p>
<div class="links">
[b]Links:[/b]</p>
<ul>
[*][url="http://www.jesulink.com"]Jesulink.com[/url]
[*][url="http://www.games-or-games.com"]GOG (Ya no esta funcionando)[/url]
[*][url="secciones/info/index.html"]Sección de Info.[/url]
[/list]
</div>
[url="blog/2010/abril/otro-comienzo.html"]Comentarios[/url]
<hr class="hr-fecha"/>
<h6>Domingo, 28 de Marzo de 2010, 03:52pm</h6>
</div>
<hr class="hr-separa-noticias" />
<p class="derecha">[url="blog/index.html"]Leer entradas antiguas -->[/url]</p>
</div>
<div id="pie">
[b]Gigantes.awardspace.us[/b] © y [b]Shinwa no Kyojin[/b] © Todos los derechos reservados al autor ---------- Diseñada por Mathias San Miguel</p>
</div>
</div>
</div>
</body>
</html>Ese fue el HTML, aca los estilos css
@charset "utf-8";
#Global {
border: 2px solid #FFFFFF;
width: 960px;
height: 565px;
text-align: center;
margin: 0 auto;
}
/* LA CABECERA DE LA WEB ------ LA CABECERA DE LA WEB ---------- LA CABECERA DE LA WEB --------*/
#cabecera {
font-family: "Times New Roman", Times, serif;
font-size: 14px;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #FFFFFF;
background-color:#0066FF;
height: 150px;
width: 960px;
padding:0px;
margin:0px;
}
#cabecera-der {
background-color: #0066FF;
background-image:url(../objetos/imagenes/cabecera.png);
background-repeat:no-repeat;
width: 600px;
padding-top: 10px;
float:left;
height: 150px;
text-align: center;
padding-right: 15px;
padding-left: 15px;
color: #FFFFFF;
margin:0px;
}
#cabecera-der p {
font-family: "Times New Roman", Times, serif;
font-size: 14px;
color: #FFFFFF;
text-align: center;
}
#cabecera-der h1 {
color: #FFFFFF;
text-decoration: underline;
margin: 0px;
padding: 0px;
}
#cabecera-izq {
background-color: #0000CC;
text-align: center;
height: 140px;
width: 330px;
float: left;
}
#cabecera h1 {
margin: 0px;
padding: 0px;
}
#cabecera h2 {
margin: 0px;
padding: 0px;
}
/* TERMINA LA CABECERA DE LA WEB --------- TERMINA LA CABEZERA DE LA WEB --------- TERMINA... */
/* MENU DE LA WEB --- MENU DE LA WEB --- MENU DE LA WEB --- MENU DE LA WEB ---- MENU DE LA WEB */
#lateral {
font-size: 18px;
color: #0000FF;
background-color: #00CCFF;
height: 400px;
width: 185px;
float: left;
}
#lateral p {
text-align:left;
text-indent:opx;
text-shadow:none;
margin:0px 50px;
padding:0px;
}
#menu {
font-size: 18px;
color: #0000FF;
height: 190px;
width: 180px;
}
#menu a:link {
font-size: 18px;
font-style: normal;
font-weight: bold;
color: #0000FF;
text-align: center;
font-family: "Times New Roman", Times, serif;
padding-bottom: 3px;
display: block;
padding-top: 2px;
height: 25px;
border-bottom:#000000 1px solid;
}
#menu a:hover {
font-size: 18px;
font-style: normal;
font-weight: bold;
color:#0000FF;
text-align: center;
font-family: "Times New Roman", Times, serif;
padding-bottom: 3px;
display: block;
padding-top: 2px;
height: 25px;
border-bottom:#000000 1px solid;
background-color:#33FFFF
}
#menu a:visited {
font-size: 18px;
font-style: normal;
font-weight: bold;
color: #0000FF;
text-align: center;
font-family: "Times New Roman", Times, serif;
padding-bottom: 3px;
display: block;
padding-top: 2px;
height: 25px;
border-bottom:#000000 1px solid;
}
#menu a:active {
font-size: 18px;
font-style: normal;
font-weight: bold;
color:#0099FF;
text-align: center;
font-family: "Times New Roman", Times, serif;
padding-bottom: 3px;
display: block;
padding-top: 2px;
height: 25px;
border-bottom:#000000 1px solid;
background-color:#99FFFF
}
.link-boton-menu {
font-size: 18px;
font-style: normal;
font-weight: bold;
color: #0000FF;
text-align: center;
font-family: "Times New Roman", Times, serif;
padding-bottom: 3px;
display: block;
padding-top: 0px;
height: 70px;
width:180px
}
.boton {
height: 65px;
width: 160px;
border: 1px solid #333333;
margin-bottom: 3px;
}
/* TERMINA EL MENU ---- TERMINA EL MENU ------ TERMINA EL MENU ----- TERMINA EL MENU */
/* CONTENIDO DE LA WEB --- CONTENIDO DE LA WEB --- CONTENIDO DE LA WEB ---- CONTENIDO DE LA WEB*/
#cont {
height: 400px;
width: 960px;
background-color: #FFFFFF;
text-decoration: none;
}
#contenido {
overflow: auto;
background-color: #FFFFFF;
text-align: justify;
height: 390px;
width: 760px;
float: left;
margin-top: 5px;
margin-left: 10px;
margin-bottom: 0px;
text-indent: 40px;
margin-right: 0px;
font-size:14px
}
#contenido p {
font-size: 14px;
font-weight: normal;
color: #000000;
text-align: justify;
}
#contenido h1 {
font-family: "Times New Roman", Times, serif;
font-size: 25px;
font-weight: bolder;
color: #000000;
text-align: justify;
list-style-position: inside;
list-style-type: circle;
letter-spacing: 2px;
padding: 0px;
margin: 0px;
}
#contenido h2 {
font-family: "Times New Roman", Times, serif;
font-size: 20px;
font-weight: bolder;
color: #000000;
text-align: justify;
list-style-position: inside;
list-style-type: circle;
letter-spacing: 2px;
padding: 0px;
margin: 0px;
}
#contenido h6 {
font-family: "Times New Roman", Times, serif;
font-size: 14px;
font-weight: normal;
color: #000000;
text-align:right;
margin: 0px;
padding: 0px;
}
#contenido img {
text-align: center;
border: 3px solid black;
margin-top: 5px;
}
#noti1 {
float: none;
width: auto;
margin-right: 40px;
margin-left: 40px;
}
#noti2 {
float: none;
width: auto;
margin-right: 40px;
margin-left: 40px;
}
.hr-separa-noticias {
width: 740px;
color: #000000;
background-color: #000000;
text-align: center;
float: none;
height: 5px;
border: 0px none #FFFFFF;
text-indent:0px;
}
.hr-fecha {
width: 260px;
text-align: left;
height: 1px;
color:#000000;
margin-left:410px;
}
/* TERMINA EL CONTENIDO DE LA WEB ---- TERMINA EL CONTENIDO DE LA WEB ----- TERMINA EL CONTENIDO*/
/* EMPIEZA EL PIE DE PAGINA ------ EMPIEZA EL PIE DE PAGINA ------ EMPIEZA EL PIE DE PAGINA */
#pie {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
height: 12px;
width: 925px;
float: left;
background-color: #000000;
border-right-width: 5px;
border-bottom-width: 5px;
border-right-color: #FFFFFF;
border-bottom-color: #FFFFFF;
margin: 0px;
padding-right: 15px;
}
#pie p {
font-size: 10px;
color: #FFFFFF;
text-align: right;
margin: 0px;
padding: 0px;
}
/* TERMINA EL IE DE PAGINA ---- TERMINA EL PIE DE PAGINA ---- EMPIEZA EL PIE DE PAGINA*/
/* ALGUNAS COSAS ----- ALGUNAS COSAS ----- ALGUNAS COSAS ----- ALGUNAS COSAS ---- ALGUNAS COSAS*/
hr {
text-align: center;
text-indent: 0px;
margin:0px;
padding:0px;
}
ul {
text-align: left;
}
.links {
text-align: left;
text-indent: 30px;
}
button {
border-bottom:solid #000000 medium;
}
.derecha {
text-align:left;
margin:0px 0px 30px 500px;
}
.comentarios {
text-decoration:none;
text-align:left;
margin-left:590px;
text-indent:0px;
}
.cuadro-img-ej {
height:280px;
width:200px;
margin: 10px 10px 20px 10px;
text-indent:0px;
float:left;
}
.pie-img-ej {
height:50px;
text-align:center;
width:200px;
text-indent:0px;
border-bottom:#000000 1px solid;
}
.img-ej {
height:230px;
width:200px;
}Necesito ayuda para encuadrarlo, ademas cualquier recomendacion se acepta :)