Comunidad de diseño web y desarrollo en internet online

que es lo que falla?

Citar            
MensajeEscrito el 19 Feb 2006 09:49 pm
a ver... mi cabeza esta a punto de explotar :shock: la razon muy simple, tengo una pagina con un menu echo por listas situado a la izquierda. En FF se ve estupendamente, pero en IE me pone el menu como centimetro y medio mas a la derecha de donde debe estar...he mirao el codigo en XHTML...no veo nada raro....he mirao remirao y casi aprendido de memoria el codigo de la hoja de estilos...tampoco veo nada raro...conclusion: mi ordenador me ha declarado la guerra, empieza la invasion de las maquinas, y mi ordenador se hace llamar skynet...o bien hay un fallo en algun sitio que yo no he logrado descubrir, asi que agradeceria que le echarais una mirada alcodigo a ver si vosotros veis algo raro, ya se que no deberia utilizar el foro para cosas asi, pero ya no se a donde acudir :S


/* CSS Document */
body{
background-color:#eeddff;
font:11px Arial, Helvetica,sans-serif;
color:#666666;
text-align:center; /*para IE: centrado vertical de la pagina*/
}

#contenedor{
margin:auto; /*para FF: centrado vertical de la pagina*/
text-align:left; /*para IE: Alineacion a la izquierda despues de centrar verticalmente*/
background-color:white;
width:600px;
}

#header{
height:60px;
background-color:#1E90FF;
}

h1{
font-size:16px;
text-transform:uppercase;
letter-spacing:2px;
color:white;
padding:22px;
}

#navegacion{
/*margin:0px 0px 0px 0px;*/
width:150px;
float:left;
}

#navegacion ul{
padding:0px;
}

#navegacion li{
margin:1px;
padding:0px;
list-style-type:none;
border-bottom: 1px solid #DDDDDD;
border-left:4px solid #1E90FF;
}

#navegacion li a {
text-decoration:none;
display:block;
padding:4px;
color:#1E90FF;
}

#navegacion li a:hover {
background-color:#97CBFF;
padding: 4px 4px 4px 16px;
color:#FFFFFF;
}

#contenido{
width:400px;
margin-left:180px;
border-left:1px solid #DDDDDD;
padding-left:12px;
}

h2{
color:#1E90FF;
font-size:14px;
text-transform:uppercase;
}

#pie{
text-align:center;
border-top:1px solid #1E90FF;
font-size:10px;
color:#AAAAAA;
padding:4px;
}


y el codigo de la plantilla:

Código :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="../estiloCurriculum.css" rel="stylesheet" type="text/css" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>Mi Curriculum Vitae - En Linea</title>
<!-- TemplateEndEditable -->
<!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable -->
</head>

<body>
<div id="contenedor">
  <div id="header">
    <h1>Mi Curriculum Vitae - En Linea</h1>
  </div>
  <div id="navegacion">
    <ul>
       <li><a href="../index.html">Inicio </a></li>
       <li><a href="../curriculum.html">Curriculum </a></li>
       <li><a href="../empresas.html">Empresas</a></li>
       <li><a href="../portafolio.thml">Portafolio </a></li>
       <li><a href="../contacto.html">Contacto </a></li>
     </ul>
  </div>
  <div id="contenido">   
   <!-- TemplateBeginEditable name="regioncontenido" -->
   <h2>El titulo de este contenido</h2>
   <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
      Donec augue lacus, aliquam in, luctus in, gravida vel, mi. 
      Vestibulum ante ipsum primis in faucibus orci luctus et ultrices
      posuere cubilia Curae; Nunc aliquet ultrices ante
      Mauris nunc dolor, egestas vel, auctor sed, dignissim vitae,
      enim. Phasellus tincidunt. Phasellus vel wisi id neque cursus 
    rhoncus. Morbi cursus tristique est. </p>
    <p> Nulla pulvinar dui sed augue. Praesent laoreet arcu in justo.
      Donec velit. Nam malesuada bibendum metus. Class aptent taciti
      sociosqu ad litora torquent per conubia nostra, per inceptos 
      hymenaeos. Curabitur et tortor quis justo faucibus rutrum. 
      Duis aliquam, diam eu tempor rutrum, mauris leo lacinia neque, 
      et consectetuer elit nisl eget arcu.
      Nam tellus libero, fringilla eu, elementum quis, 
    sodales suscipit, turpis.</p>
   <!-- TemplateEndEditable -->
  </div>
  <div id="pie"><p>Ultima actualizacion: </p></div>
</div>
</body>
</html>


es una plantilla echa con dreamweaber.

Bueno espero que vosotros veais el fallo alli donde yo no lo he visto y me lo podais explicar

Gracias a todos de antemano

ta luego^^

Por noctam

Claber

197 de clabLevel



 



Ultima edición por noctam el 20 Feb 2006 12:57 am, editado 1 vez

firefox
Citar            
MensajeEscrito el 20 Feb 2006 12:25 am
Intenta poner

Código :

#navegacion ul{
padding:0px;
margin:0;
}


Si tienes un link para ver el resultado seria mucho mejor

Por Ramm

BOFH

3152 de clabLevel

6 tutoriales
8 articulos

Genero:Masculino   Bastard Operators From Hell REC Héroes

London, UK

firefox
Citar            
MensajeEscrito el 20 Feb 2006 01:02 am
ramm. . . eres mi idolo tio, sencillamente

Por noctam

Claber

197 de clabLevel



 

firefox
Citar            
MensajeEscrito el 20 Feb 2006 01:46 am

noctam escribió:

ramm. . . eres mi idolo tio, sencillamente
Primero Maikel, ahora Ramm... Dios, cuantos clubs de fans mas tendra Clab

Por Freddie

BOFH

53 tutoriales
597 articulos
43 ejemplos

Genero:Masculino   Admin

Conserje de Cristalab

clabbofh
Citar            
MensajeEscrito el 01 Mar 2006 08:29 pm
Fredie´s Fan Club.... Es un club que se abrió luego que el de the_Neo_JP, pero no tuvo tanto exito :lol:

Por el_itur

142 de clabLevel



Genero:Masculino  

Argentina

firefox
Citar            
MensajeEscrito el 02 Mar 2006 06:26 am
¡Soy fan! Viva el CSS.

Por NEO_JP

BOFH

5724 de clabLevel

13 tutoriales
12 articulos

Genero:Masculino   Anime Bloggers Premio_Secretos Team Cristalab

Front-end Developer en Washington, DC

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.