El siguiente es el contenido citado:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Estricto//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<cabeza>
<meta http-equiv="Tipo de contenido" content="text/html; charset=utf-8" />
<title>Igual altura (método de tener la misma altura de columna)</title>
<tipo de estilo="texto/css">
cuerpo{
relleno: 0;
margen: 0;
tamaño de fuente: 12px;
familia de fuentes: Arial, Helvetica, sans-serif;
altura de línea: 140%;
fondo:#E7DFD3;
}
#medio{
ancho: 580px;
flotador: izquierda;
fondo:#FFFFFF;
alineación de texto: izquierda;
} #encabezado,#pie de página{
antecedentes: #E8E8E8;
ancho: 750 px;
alineación de texto:centro;
}
#ladoizquierdo{
ancho: 580px;
flotador: izquierda;
posición: relativa;
margen izquierdo: -580px;
}
#ladoderecho{
ancho: 170px;
flotar: derecha;
posición: relativa;
margen: 0 -170px 0 0;
fondo: #F0F0F0;
} #pie de página{
claro: ambos;
}
h1,h2,dirección,p{
margen: 0;
relleno: .8em;
}
h1,h2{tamaño de fuente: 20px;} </estilo>
<tipo de script="texto/javascript">
// <![CDATA[ función alternar contenido (nombre, n) {
var i,t='',el = document.getElementById(nombre);
if (!el.origCont) el.origCont = el.innerHTML;
for (i=0;i<n;i++) t += el.origCont;
el.innerHTML = t;
} // ]]>
</script>
</cabeza>
<cuerpo> <div id="encabezado">
<h1>Cabeza</h1>
<div id="medio">
<div id="lado derecho">
<div id="lado izquierdo">
<h2>lado izquierdo</h2>
<p><a href="javascript:toggleContent('sideleft',1)">Longitud predeterminada</a> <a href="javascript:toggleContent('sideleft',2)">Página más larga< /a></p>
<p> No es fácil pasar de un enfoque de diseño fijo basado en píxeles a un enfoque de diseño relativo y flexible. Pero si se usa correctamente, puede ser una opción natural para aumentar la accesibilidad y la facilidad de uso sin sacrificar el diseño. </p>
<p> Un píxel es un punto no escalable en la pantalla de una computadora, y un
h3 es un cuadrado del tamaño de una palabra. Debido al cambio en el tamaño de fuente, h3
Una unidad relativa que representa el tamaño de texto preferido del usuario. </p>
<p> Puede que sea más fácil optar por un diseño impreso y fijo porque hay menos que considerar si las dimensiones siguen siendo las mismas. Sin embargo, si adopta un método de diseño flexible, puede aprovechar al máximo el <a href="http://product.yesky.com/catalog/345/" class="bluekey" target="_blank">monitor de la computadora. </a> y el navegador. </p>
<p> Tal vez quieras que tu sitio web se vea de cierta manera, pero lo que tus usuarios quieren ver puede ser diferente. Cualquier medida impuesta a los usuarios socava la facilidad de uso y, por lo tanto, perjudica el éxito del sitio. </p>
<p> No es fácil pasar de un enfoque de diseño fijo basado en píxeles a un enfoque de diseño relativo y flexible. Pero si se usa correctamente, puede ser una opción natural para aumentar la accesibilidad y la facilidad de uso sin sacrificar el diseño. </p>
</div>
<h2>lateral derecha</h2>
<p> No es fácil pasar de un enfoque de diseño fijo basado en píxeles a un enfoque de diseño relativo y flexible. Pero si se usa correctamente, puede ser una opción natural para aumentar la accesibilidad y la facilidad de uso sin sacrificar el diseño. </p>
<p> Un píxel es un punto no escalable en la pantalla de una computadora, y un
h3 es un cuadrado del tamaño de una palabra. Debido al cambio en el tamaño de fuente, h3
Una unidad relativa que representa el tamaño de texto preferido del usuario. </p>
<p> Puede que sea más fácil optar por un diseño impreso y fijo porque hay menos que considerar si las dimensiones siguen siendo las mismas. Sin embargo, si adopta un enfoque de diseño flexible, podrá aprovechar al máximo el monitor y el navegador de su computadora. </p>
<p> Tal vez quieras que tu sitio web se vea de cierta manera, pero lo que tus usuarios quieren ver puede ser diferente. Cualquier medida impuesta a los usuarios socava la facilidad de uso y, por lo tanto, perjudica el éxito del sitio. </p>
</div></div>
<div id="pie de página">
<dirección>
Pie de página
</dirección>
<p>Producción: <a href="http://homepage.yesky.com">Página web Tao Bar</a></p>
</div>
</cuerpo>
</html>
<lenguaje de escritura="Javascript">
var ahora = nueva fecha();
document.write("<img src='http://counter.yesky.com/counter.shtml?CID=54197&AID=-1&refer="+escape(document.referrer)+"&rand="+ now.getTime() + "&cur="+escape(document.URL)+"' border='0' alt='' ancho='0' alto='0'>");
</script>
<sin guión>
<img src="http://counter.yesky.com/counter.shtml?CID=54197&AID=-1&refer=noscriptcounter&cur=noscriptcounter" border='0' ancho='0' alto='0'/>
</noscript> |
