Hola,
Perdonad la duda de principiante, no estoy acostumbrado a trabajar con dreamweaver y a veces me quedo atascadísimo.
Estoy terminando una página con html y css y los títulos y el texto quedan perfectamente alineados en IE, usando vertical-align:tex-top. Pero en Firefox y Chrome me sale todo descolocado y ya he probado con esa propiedad, margin y pading, pero nada.
¿Cómo puedo conseguir que el texto quede alineado arriba en Firefox y Chrome?
gracias!
PD: En este foro estoy aprendiendo muchísimo, muchas gracias a todos!
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<link href="estilo.css" rel="stylesheet" type="text/css" />
</head>
<body id="tapiz">
<div id="despliegue">
<div id="encabz">
</div>
<div id="contenido">
<table width="100%" border="0" cellspacing="20px" id="tablagrande">
<tr>
<td id="cbotones">
<table width="100%" border="0" cellspacing="0px" id="botylog">
<tr>
<td id="botones">
<ul id="menu">
<li><a href="#">Inicio</a>
<li><a href="#">Quienes somos</a>
<li><a href="#">Metodología</a>
<li><a href="#">Noticias</a>
<li><a href="#">Descargas</a>
<li><a href="#">Equipo</a>
<li><a href="#">Enlaces</a>
</ul>
</td>
</tr>
<tr>
<td id="logos">logos</td>
</tr>
</table>
</td>
<td id="ccontenido">
<h4>El titular va aquí</h4>
<p>Esto es un ejemplo de texto, esto es un ejemplo de texto, esto es un ejemplo de texto, esto es un ejemplo de texto, esto es un ejemplo de texto, esto es un ejemplo de texto, esto es un ejemplo de texto, esto es un ejemplo de texto, esto es un ejemplo de texto, esto es un ejemplo de texto, esto es un ejemplo de texto</p>
</td>
<td id="cenlaces">
</td>
</tr>
</table>
</div>
</div>
</body>
</html>
@charset "utf-8";
}
body {
background-color: #97BEC6;
}
#tapiz {
background-color: #428CB0;
background-image: url(images/azul.jpg);
}
#despliegue {
background-color: #003C65;
width: 1000px;
margin: 0px auto;
height: 625px;
margin-top: 0px;
}
#encabz {
background-color: #03F;
height: 150px;
width: 980px;
margin: 0px auto;
margin-top: 10px;
padding-top: 0px;
background-image: url(images/titulo.jpg);
}
#contenido {
background-color: #FFF;
width: 980px;
height: 425px;
margin: 30px auto 0px auto;
}
#tapiz #despliegue #contenido #tablagrande tr #cbotones {
width: 15%;
}
#tapiz #despliegue #contenido #tablagrande tr #ccontenido {
width: 65%;
vertical-align: text-top;
font-family: Arial, Helvetica, sans-serif;
text-align: left;
font-size: 14px;
}
#tapiz #despliegue #contenido #tablagrande tr #cenlaces {
width: 20%;
}
#tapiz #despliegue #contenido #tablagrande tr #cbotones #botylog tr td #menu {
margin: 0px;
list-style-type: none;
padding:0px;
width: 120px;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-style: normal;
line-height: normal;
font-weight: bold;
}
#tapiz #despliegue #contenido #tablagrande tr #cbotones #botylog tr td #menu li {
text-align: center;
margin-top: 0px;
margin-right: 0;
margin-bottom: 6px;
margin-left: 0;
}
#tapiz #despliegue #contenido #tablagrande tr #cbotones #botylog tr td #menu li a {
padding: 3px 0;
display: block;
text-decoration: none;
background-color: #428CB0;
color: #FFF;
}
#tapiz #despliegue #contenido #tablagrande tr #cbotones #botylog tr td #menu li a:hover, ul#menu li a:active {
background-color: #71BDDA;
color: #FFF;
}
#tapiz #despliegue #contenido #tablagrande tr #cbotones #botylog tr #logos {
padding-top: 15px;
}