Soy novato - Error con lo basico

Citar

Escrito el 15 Abr 2006 04:41 am

Hola, empeze a programar css hoy y me esta matando :crap:

.
Estoy haciendo una pagina (asi no mas) para ir practicando un poco.
Estoy lo mas bien haciendo la pagina probando con el firefox y me anda de 10.
Pero cuando pruebo con el ie el contenido se va para abajo...
Como se arregla???
Aca esta la pagina:
www.ssms.com.ar/meestamatando/index.htm

Gracias de nantemano

Por Bkwxs

3 de clabLevel

Genero:Masculino

Envíale un mensaje privado Email

Buenos Aires

Citar

Escrito el 15 Abr 2006 08:39 am

prueba con eso... a mi me funciona siempre... lo que sucede es que tenias reescritos los estilos del div #contenido en with y heigt y por eos no cuadraban ademas necesitabas flotar el #contenido para que funcionaran las dos columnas despues de eso tenias que limpiar los elementos que flotaste eso lo hice con la clase .limpia, eso lo tienes que hacer cada ves que flotas algun elemento, aqui te dejo el codigo que he depurado para que lo revises y espero te funcione bien, suerte

Código :

<!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>Programando CSS</title>
   <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
   <style type="text/css" media="all">
      body {
         text-align:center; /* centrar para IE5.x */
         margin:2px auto;
      }
        a:link { color: black; text-decoration: none; }
        a:visited { color: blue; text-decoration: none; }
        a:hover { color: red; font-weight:bold; }
      #contenedor {
         width:620px;
         text-align:left; /* alinear textos */
         margin:0 auto; /* centra el contenedor */
         border:0px solid #c03;
      }
      #encabezado {
          display:inline;
         height:81px;
         width:620px;
         border:0px solid #c03;
      }

      #menu {
           color:#000000;
         font-size:smaller;
          float:left;
         height:400px;
         width:100px;
         border:1px solid #c03;
      }
      #contenido {
         width:500px;
         height:400px;
         border:1px solid #c03;
         float:right;
      }
      #lateral {
         width:20px;
         border:1px solid #c03;
      }
      .limpia{
      clear:both;
      }
      #pie {
         width:620px;
         height:20px;
         border:1px solid #c03;
   }
   </style>
</head>

<body>
   
<div id="contenedor">
      
   <div id="encabezado"><img src="imagenes/banner.jpg" alt="banner ringtones imagenes mp3 divertidos midis mp3 wav mmf amr" width="619" height="81" /></div>

   <div id="menu">
   <center>
      <a href="#">{link 1}</a><br />
      <a href="#">{link 2}</a><br />
      <a href="#">{link 3}</a><br />
      <a href="#">{link 4}</a><br />
   </center>   
   </div>
    
    <div id="contenido" >
      {contenido...}
   </div>
    <div class="limpia">
   </div>
   <div id="pie">
      {pie}
   </div>

</div>
</body>
</html>

Por jaimoco

299 de clabLevel

Genero:Masculino

Envíale un mensaje privado

choya bay , mexico

Citar

Escrito el 15 Abr 2006 03:36 pm

El problema esque le estas dando a contenido el mismo ancho que a encabezado (620px a los dos)

Saludos!!.

Por Cep

BOFH

1509 de clabLevel

9 tutoriales

1 ejemplo

Genero:Masculino REC Bastard Operators From Hell

Envíale un mensaje privado Web

Web Developer

@cep_mx

Citar

Escrito el 15 Abr 2006 04:28 pm

Jeje, claro!! ahi me anda mas o menos pero tira.

Ahora... se puede hacer "tipo" un iframe en css facil??
Nunca me gustaronlos iframes, me dan problemas....

Saludos y gracias!

Por Bkwxs

3 de clabLevel

Genero:Masculino

Envíale un mensaje privado Email

Buenos Aires

Citar

Escrito el 15 Abr 2006 04:39 pm

Los tamaños son bastante importantes, si pones 1 pixel de sobra en algún contenedor puedes hacer que se descuadre todo (y esto es para cualquier navegador).

Por NEO_JP

BOFH

5724 de clabLevel

13 tutoriales
12 articulos

Genero:Masculino Anime Bloggers Premio_Secretos Team Cristalab

Envíale un mensaje privado Web

Front-end Developer en Washington, DC

@neojp

Citar

Escrito el 15 Abr 2006 04:45 pm

Bkwxs escribió:

Jeje, claro!! ahi me anda mas o menos pero tira.

Ahora... se puede hacer "tipo" un iframe en css facil??
Nunca me gustaronlos iframes, me dan problemas....

Saludos y gracias!

Si te refieres a ponerle un scrollbar, eso es muy fácil, solo agregas la propiedad overflow: scroll, y si no funciona, lo cambias a overflow: auto...
Un saludo

Por Alan

470 de clabLevel

2 tutoriales

Envíale un mensaje privado Web

Citar

Escrito el 15 Abr 2006 04:57 pm

no, no es eso pero me viene bien.
lo que quiero hacer es esto en css (si se puede):
<iframe src="algunapagina.htm">(</iframe>???)
Saludos.

PD: nunca pude hacer un iframe bien hecho.

Por Bkwxs

3 de clabLevel

Genero:Masculino

Envíale un mensaje privado Email

Buenos Aires

Citar

Escrito el 15 Abr 2006 04:59 pm

usa ajax para eso

Por Cep

BOFH

1509 de clabLevel

9 tutoriales

1 ejemplo

Genero:Masculino REC Bastard Operators From Hell

Envíale un mensaje privado Web

Web Developer

@cep_mx

Citar

Escrito el 15 Abr 2006 05:45 pm

Bkwxs escribió:

no, no es eso pero me viene bien.
lo que quiero hacer es esto en css (si se puede):
<iframe src="algunapagina.htm">(</iframe>???)
Saludos.

PD: nunca pude hacer un iframe bien hecho.

Pues para eso está w3c.org, claro

...
es así:

Código :

<iframe src="pagina.html">Esto se ve si el explorador es muy viejo</iframe>

...
Aunque es un elemento inline, no se auto cierra (<eitqueta />)...

Espero que haya sido de ayuda

Por Alan

470 de clabLevel

2 tutoriales

Envíale un mensaje privado Web

Soy novato - Error con lo basico

Escribe una respuesta rapida