Yo pongo #id{border:0;margin:0;padding:0;} y continua con 5 px de espaciamiento...

Anarko · #1 (**permalink**) 06/05/2013, 12:15

Hola.

Pueden ver que pongo #id{border:0;margin:0;padding:0;} y continua con 5 px de espaciamiento...

¿POR QUE sucede?( sí, me refiero a ese HORRIBLE NARANJA )

Pueden ver que SOLO SON DOS divs...

Código:

<html><head><title>Plantilla 1</title><style type="text/css">
html,body {
border:0;
margin:0;
padding:0;
font-family:Arial;
font-size:9pt;
color:#000;
background:#ff952b;
}
#container{
border:0;
margin:0;
padding:0;
color:#000;
background:#aabbcc;
height:100%;
}
#columna-iz{
width:15em;
background:#b5d711;
color:#000;
float:left;
height:100%;
border:0;
margin:0;
padding:0;
}
</style></head><body><div id="container"><div id="columna-iz"><p>Link #1</p><p>Link #2</p><p>Link #3</p><p>Ademas de LINKs quiero trozos de info...</p></div><p>Verdadera INFO Verdadera INFO Verdadera INFO Verdadera INFO Verdadera INFO Verdadera INFO </p><p>Verdadera INFO Verdadera INFO Verdadera INFO Verdadera INFO Verdadera INFO Verdadera INFO </p><p>Verdadera INFO Verdadera INFO Verdadera INFO Verdadera INFO Verdadera INFO Verdadera INFO </p><p>Verdadera INFO Verdadera INFO Verdadera INFO Verdadera INFO Verdadera INFO Verdadera INFO </p><p>Verdadera INFO Verdadera INFO Verdadera INFO Verdadera INFO Verdadera INFO Verdadera INFO </p><p>Verdadera INFO Verdadera INFO Verdadera INFO Verdadera INFO Verdadera INFO Verdadera INFO </p><p>Verdadera INFO Verdadera INFO Verdadera INFO Verdadera INFO Verdadera INFO Verdadera INFO </p><p>Verdadera INFO Verdadera INFO Verdadera INFO Verdadera INFO Verdadera INFO Verdadera INFO </p><p>Verdadera INFO Verdadera INFO Verdadera INFO Verdadera INFO Verdadera INFO Verdadera INFO </p><p>Verdadera INFO Verdadera INFO Verdadera INFO Verdadera INFO Verdadera INFO Verdadera INFO </p><p>Verdadera INFO Verdadera INFO Verdadera INFO Verdadera INFO Verdadera INFO Verdadera INFO </p><p>Verdadera INFO Verdadera INFO Verdadera INFO Verdadera INFO Verdadera INFO Verdadera INFO </p><p>Verdadera INFO Verdadera INFO Verdadera INFO Verdadera INFO Verdadera INFO Verdadera INFO </p></div></body></html>

Ayuda por favor

pitufoweb · #2 (**permalink**) 06/05/2013, 12:29

Hola,

Es el margen del párrafo. Simplemente pon esta regla de CSS.

p {margin-top:0;}

Saludos

Anarko · #3 (**permalink**) 06/05/2013, 13:02

Muchas gracias PitufoWeb.

Ha funcionado!, pero ahora con LOS HEADERS correspondientes se distorciona la columna de la IZQUIERDA:

Código HTML:

<?xml version="1.0" encoding="utf-8"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es"><head><meta http-equiv="Content-Style-Type" content="text/css" /><meta http-equiv="Content-Script-Type" content="text/javascript" /><meta http-equiv="content-language" content="es" /><link rel="icon" href="http://desarrollos.mejoramos.org/favicon.ico" type="image/x-icon" /><link rel="shortcut icon" href="http://desarrollos.mejoramos.org/favicon.ico" type="image/x-icon" /><meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" /><title>Plantilla 1</title><style type="text/css">
html,body {
border:0;
margin:0;
padding:0;
font-family:Arial;
font-size:9pt;
color:#000;
background:#ff952b;
}
#container{
border:0;
margin:0;
padding:0;
color:#000;
background:#aabbcc;
height:100%;
}
#columna-iz{
width:15em;
background:#b5d711;
color:#000;
float:left;
height:100%;
border:0;
margin:0;
padding:0;
}
p {margin-top:0;}
</style></head><body><div id="container"><div id="columna-iz"><p>Link #1</p><p>Link #2</p><p>Link #3</p><p>Ademas de LINKs quiero trozos de info...</p></div><p>Verdadera INFO Verdadera INFO Verdadera INFO Verdadera INFO Verdadera INFO Verdadera INFO </p><p>Verdadera INFO Verdadera INFO Verdadera INFO Verdadera INFO Verdadera INFO Verdadera INFO </p><p>Verdadera INFO Verdadera INFO Verdadera INFO Verdadera INFO Verdadera INFO Verdadera INFO </p><p>Verdadera INFO Verdadera INFO Verdadera INFO Verdadera INFO Verdadera INFO Verdadera INFO </p><p>Verdadera INFO Verdadera INFO Verdadera INFO Verdadera INFO Verdadera INFO Verdadera INFO </p><p>Verdadera INFO Verdadera INFO Verdadera INFO Verdadera INFO Verdadera INFO Verdadera INFO </p><p>Verdadera INFO Verdadera INFO Verdadera INFO Verdadera INFO Verdadera INFO Verdadera INFO </p><p>Verdadera INFO Verdadera INFO Verdadera INFO Verdadera INFO Verdadera INFO Verdadera INFO </p><p>Verdadera INFO Verdadera INFO Verdadera INFO Verdadera INFO Verdadera INFO Verdadera INFO </p><p>Verdadera INFO Verdadera INFO Verdadera INFO Verdadera INFO Verdadera INFO Verdadera INFO </p><p>Verdadera INFO Verdadera INFO Verdadera INFO Verdadera INFO Verdadera INFO Verdadera INFO </p><p>Verdadera INFO Verdadera INFO Verdadera INFO Verdadera INFO Verdadera INFO Verdadera INFO </p><p>Verdadera INFO Verdadera INFO Verdadera INFO Verdadera INFO Verdadera INFO Verdadera INFO </p></div></body></html>

Puedes por favor indicarme que hay que hacer?

NOTA: sí, requiero colocar la eiqueta <?xml version="1.0" encoding="utf-8"?>.

Alguna solución por favor...

pitufoweb · #4 (**permalink**) 06/05/2013, 13:20

Solo agrega height: 100%; al html y body. Con eso tendría que funcionar.

P.D. Por que necesitas colocar <?xml version="1.0" encoding="utf-8"?> ?

P.D 2. Te comiendo que que ordenes el código, por que así como esta no se entiende nada.

Saludos

C2am · #5 (**permalink**) 06/05/2013, 13:22

Creo que es el título más explicativo que he leído por estos lares.
Muy bien.

Aprendan cultores del "AYUDAAAA"

pzin · #6 (**permalink**) 06/05/2013, 14:02

Cita:

Iniciado por C2am

Aprendan cultores del "AYUDAAAA"

Esos suelen acabar en algo como "si no lo arreglo para ayer se me muere la parienta".

C2am · #7 (**permalink**) 06/05/2013, 14:16

¿FdW culpable de genocidio?

Familias devastadas por culpa de los colaboradores/moderadores de FdW. :

emprear · #8 (**permalink**) 06/05/2013, 14:52

Cita:

Iniciado por pzin

Esos suelen acabar en algo como "si no lo arreglo para ayer se me muere la parienta".

Cita:

Iniciado por C2am

¿FdW culpable de genocidio?

Familias devastadas por culpa de los colaboradores/moderadores de FdW. :

Les faltó el "URGENTE!!!"

Anarko · #9 (**permalink**) 06/05/2013, 21:15

Cita:

Iniciado por pitufoweb

Solo agrega height: 100%; al html y body. Con eso tendría que funcionar.

Gracias...

No funcionó.

Cita:

Iniciado por pitufoweb

P.D. Por que necesitas colocar <?xml version="1.0" encoding="utf-8"?> ?

Por un requerimiento...

Cita:

Iniciado por pitufoweb

P.D 2. Te comiendo que que ordenes el código, por que así como esta no se entiende nada.

Gracias por mencionarlo.

Aquí te pego el código y por favor correlo, verás que no funciona el height:100%, date cuenta que lo he colocado para los tres divs.

Código:

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es">
<head>
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta http-equiv="content-language" content="es" />
<link rel="icon" href="http://web.org/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="http://web.org/favicon.ico" type="image/x-icon" />
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
<title>Plantilla 1</title>
<style type="text/css">
html,body{
height:100%;
border:0;
margin:0;
padding:0;
font-family:Arial;
font-size:9pt;
color:#000;
background:#ff952b;
}
#cosmos{
border:0;
margin:0;
padding:0;
color:#000;
background:#aabbcc;
height:100%;
}
#enlaces{
width:15em;
background:#b5d711;
color:#000;
float:left;
height:100%;
border:0;
margin:0;
padding:0;
}
p{
margin-top:0;
}
</style></head><body>
<div id="cosmos">
	<div id="enlaces">
<?php
	echo str_repeat('<p>Link...</p>',9);
?>
	</div>
<?php
echo str_repeat('<p>Verdadera INFO</p>',50);
?>
</div></body></html>

Por favor que sucede con ésa etiqueta? ella destruye reglas css?

Hay algúna solución?

Triby · #10 (**permalink**) 06/05/2013, 22:56

Supongo que el problema es que los divs no mantienen la misma altura cuando una de las dos es mayor que la altura disponible en la pantalla. Busca en www.araudi.net los ejemplos de columnas equilibradas.

Anarko · #11 (**permalink**) 06/05/2013, 23:03

Cita:

Iniciado por Triby

Busca en www.araudi.net los ejemplos de columnas equilibradas.

Gracias Triby.

Veo en http://www.araudi.net/ejemplos/colum...ilibradas.html que son ejemplos para cabeceras, DOCTYPE HTML.

Aquí mi situación crítica está en cumplir anexar SI o SI estas dos etiquetas:

Código:

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

(acompañadas una de otra!).

Triby · #12 (**permalink**) 06/05/2013, 23:18

Recuerda que XML (o HTML) no es lo mismo que CSS.

Inténtalo, prueba tratando de adaptar el CSS a lo que tienes y regresas aquí con tu código actualizado en caso de que no lo hayas logrado.

Anarko · #13 (**permalink**) 06/05/2013, 23:25

Cita:

Iniciado por Triby

Inténtalo, prueba tratando de adaptar el CSS a lo que tienes y regresas aquí con tu código actualizado...

Tribi, como menciono líneas atras, solo son DOS DIVS.

Es algo demasiado pequeño que no requiere demasiado análisis... (creo).

En cualquier caso, esto es lo más resumido que logro escribir el problema:

Código PHP:

  <?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es">
<head>
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta http-equiv="content-language" content="es" />
<link rel="icon" href="http://web.org/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="http://web.org/favicon.ico" type="image/x-icon" />
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
<title>Plantilla 1</title>
<style type="text/css">
html,body{
height:100%;
border:0;
margin:0;
padding:0;
font-family:Arial;
font-size:9pt;
color:#000;
background:#ff952b;
}
#cosmos{
border:0;
margin:0;
padding:0;
color:#000;
background:#aabbcc;
height:100%;
}
#enlaces{
width:15em;
background:#b5d711;
color:#000;
float:left;
height:100%;
border:0;
margin:0;
padding:0;
}
p{
margin-top:0;
}
</style></head><body>
<?php
    echo '<div id="cosmos">';
    echo '    <div id="enlaces">';
    echo str_repeat('<p>Link...</p>',9);
    echo '</div>';
    echo str_repeat('<p>Verdadera INFO</p>',50);
    echo '</div></body></html>';
?>

...Ves ese endemoniado NARANJA?

Triby · #14 (**permalink**) 06/05/2013, 23:29

Sí, lo vi cuando hice las pruebas y en verdad me interesa ayudarte, pero falta ver que tan interesado estás tú en recibir la ayuda.

Anarko · #15 (**permalink**) 06/05/2013, 23:44

Cita:

Iniciado por Triby

recibir la ayuda...

He probado de todo, y con ESOS HEADERS no me ha funcionado ningúna combinación...

pitufoweb · #16 (**permalink**) 07/05/2013, 00:43

Hola,

Pues creo que yo lo veo correctamente. Cual es exactamente el problema? Con que navegador lo estas probando?

Saludos

Anarko · #17 (**permalink**) 07/05/2013, 00:47

Cita:

Iniciado por pitufoweb

lo veo correctamente

Gracias.

Y cómo ves este:

Código PHP:

 
<html>
<head><title>Plantilla 1</title><style type="text/css">
html,body{
border:0;
margin:0;
padding:0;
font-family:Arial;
font-size:9pt;
color:#000;
background:#aabbcc;
height:100%;
}
#cosmos{
border:0;
padding:0;
color:#000;
background:#ff952b;
height:100%;
}
#enlaces{
float:left;
}
#info{
background:#ffb878;
color:#000;
margin-left:12em;
height:100%;
}
p{
margin:0;
}
</style></head><body>
<?php
    echo '<div id="cosmos">';
    echo '<div id="enlaces">';for($i=0;$i<19;$i++)echo '<p>Link #'.$i.'</p>';echo '</div>';
    echo '<div id="info">';for($i=0;$i<139;$i++)echo '<p>Linea de info real #'.$i.'</p>';echo '</div>';
    echo '</div></body></html>';
?>

Disculpa, puedes corresr este código PHP o pego la salida HTML ?
(simplemente genera 139 lineas...)

pitufoweb · #18 (**permalink**) 07/05/2013, 01:05

Bueno, así veo la mitad de color naranga y la mitad gris.

Como tendría que verse?

Saludos

Anarko · #19 (**permalink**) 07/05/2013, 01:13

Cita:

Iniciado por pitufoweb

Como tendría que verse?

Exactamente como lo que veras en el siguiente código que no tiene info:

Código PHP:

 
<html> 
<head><title>Plantilla 1</title><style type="text/css"> 
html,body{ 
border:0; 
margin:0; 
padding:0; 
font-family:Arial; 
font-size:9pt; 
color:#000; 
background:#aabbcc; 
} 
#cosmos{ 
border:0; 
padding:0; 
color:#000; 
background:#ff952b; 
height:100%; 
} 
#enlaces{ 
float:left; 
} 
#info{ 
height:100%; 
background:#ffb878; 
color:#000; 
margin-left:12em; 
} 
p{ 
margin:0; 
} 
</style></head><body> 
<?php 
    echo '<div id="cosmos">'; 
    echo '<div id="enlaces">';for($i=0;$i<9;$i++)echo '<p>Link #'.$i.'</p>';echo '</div>'; 
    echo '<div id="info">';for($i=0;$i<9;$i++)echo '<p>Linea de info real #'.$i.'</p>';echo '</div>'; 
    echo '</div></body></html>'; 
?>

Pero mira ESA ELEMENTAL template cómo se comporta con MAS LINEAS:

Código PHP:

 
<html> 
<head><title>Plantilla 1</title><style type="text/css"> 
html,body{ 
border:0; 
margin:0; 
padding:0; 
font-family:Arial; 
font-size:9pt; 
color:#000; 
background:#aabbcc; 
} 
#cosmos{ 
border:0; 
padding:0; 
color:#000; 
background:#ff952b; 
height:100%; 
} 
#enlaces{ 
float:left; 
} 
#info{ 
height:100%; 
background:#ffb878; 
color:#000; 
margin-left:12em; 
} 
p{ 
margin:0; 
} 
</style></head><body> 
<?php 
    echo '<div id="cosmos">'; 
    echo '<div id="enlaces">';for($i=0;$i<69;$i++)echo '<p>Link #'.$i.'</p>';echo '</div>'; 
    echo '<div id="info">';for($i=0;$i<9;$i++)echo '<p>Linea de info real #'.$i.'</p>';echo '</div>'; 
    echo '</div></body></html>'; 
?>

y mira con estas otras LINEAS DE INFO:

Código PHP:

 
<html> 
<head><title>Plantilla 1</title><style type="text/css"> 
html,body{ 
border:0; 
margin:0; 
padding:0; 
font-family:Arial; 
font-size:9pt; 
color:#000; 
background:#aabbcc; 
} 
#cosmos{ 
border:0; 
padding:0; 
color:#000; 
background:#ff952b; 
height:100%; 
} 
#enlaces{ 
float:left; 
} 
#info{ 
height:100%; 
background:#ffb878; 
color:#000; 
margin-left:12em; 
} 
p{ 
margin:0; 
} 
</style></head><body> 
<?php 
    echo '<div id="cosmos">'; 
    echo '<div id="enlaces">';for($i=0;$i<9;$i++)echo '<p>Link #'.$i.'</p>';echo '</div>'; 
    echo '<div id="info">';for($i=0;$i<69;$i++)echo '<p>Linea de info real #'.$i.'</p>';echo '</div>'; 
    echo '</div></body></html>'; 
?>

NOTA: hay que mirar al FINAL DE LA PÁGINA!

pitufoweb · #20 (**permalink**) 07/05/2013, 01:25

Bien,

Solo agrega en el doctype y declaracion de XML y se vera bien.

Código HTML:

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html> 
<head><title>Plantilla 1</title><style type="text/css"> 
html,body{ 
border:0; 
margin:0; 
padding:0; 
font-family:Arial; 
font-size:9pt; 
color:#000; 
background:#aabbcc; 
} 
#cosmos{ 
border:0; 
padding:0; 
color:#000; 
background:#ff952b; 
height:100%; 
} 
#enlaces{ 
float:left; 
} 
#info{ 
height:100%; 
background:#ffb878; 
color:#000; 
margin-left:12em; 
} 
p{ 
margin:0; 
} 
</style></head><body> 
<?php 
    echo '<div id="cosmos">'; 
    echo '<div id="enlaces">';for($i=0;$i<69;$i++)echo '<p>Link #'.$i.'</p>';echo '</div>'; 
    echo '<div id="info">';for($i=0;$i<69;$i++)echo '<p>Linea de info real #'.$i.'</p>';echo '</div>'; 
    echo '</div></body></html>'; 
?>

Saludos

Anarko · #21 (**permalink**) 07/05/2013, 01:31

Cita:

Iniciado por pitufoweb

Solo agrega en el doctype y declaracion de XML y se vera bien.

Gracias.

Puedes ver que no sucede, (tu colocaste LOS DOS TEXTOS con igual LARGO), por favor evalua este:

Código PHP:

  <?xml version="1.0" encoding="utf-8"?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es"> 
<head> 
<meta http-equiv="Content-Style-Type" content="text/css" /> 
<meta http-equiv="Content-Script-Type" content="text/javascript" /> 
<meta http-equiv="content-language" content="es" /> 
<link rel="icon" href="http://web.org/favicon.ico" type="image/x-icon" /> 
<link rel="shortcut icon" href="http://web.org/favicon.ico" type="image/x-icon" /> 
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" /> 
<title>Plantilla 1</title><style type="text/css">  
html,body{  
border:0;  
margin:0;  
padding:0;  
font-family:Arial;  
font-size:9pt;  
color:#000;  
background:#aabbcc;  
}  
#cosmos{  
border:0;  
padding:0;  
color:#000;  
background:#ff952b;  
height:100%;  
}  
#enlaces{  
float:left;  
}  
#info{  
height:100%;  
background:#ffb878;  
color:#000;  
margin-left:12em;  
}  
p{  
margin:0;  
}  
</style></head><body>  
<?php  
    echo '<div id="cosmos">';  
    echo '<div id="enlaces">';for($i=0;$i<69;$i++)echo '<p>Link #'.$i.'</p>';echo '</div>';  
    echo '<div id="info">';for($i=0;$i<9;$i++)echo '<p>Linea de info real #'.$i.'</p>';echo '</div>';  
    echo '</div></body></html>';  
?>

pitufoweb · #22 (**permalink**) 07/05/2013, 01:38

Agrega overflow: hidden; a #cosmos

Código:

#cosmos {
    background: none repeat scroll 0 0 #FF952B;
    border: 0 none;
    color: #000000;
    height: 100%;
    padding: 0;
   overflow: hidden;
}

Saludos

Anarko · #23 (**permalink**) 07/05/2013, 01:43

Cita:

Iniciado por pitufoweb

Agrega overflow: hidden; a #cosmos

Gracias por la ayuda.

Ouedes ver que no funciona, nisiquiera con HTML "artesanal":

Código PHP:

 
<html> 
<head> 
<title>plantilla 01</title> 
<style type="text/css">  
html,body{  
border:0;  
margin:0;  
padding:0;  
font-family:Arial;  
font-size:9pt;  
color:#000;  
background:#aabbcc;  
}  
#cosmos{  
border:0;  
padding:0;  
color:#000;  
background:#ff952b;  
height:100%;  
overflow:hidden; 
} 
#enlaces{  
float:left;  
}  
#info{  
height:100%;  
background:#ffb878;  
color:#000;  
margin-left:12em;  
}  
p{  
margin:0;  
}  
</style></head><body>  
<?php  
    echo '<div id="cosmos">';  
    echo '<div id="enlaces">';for($i=0;$i<69;$i++)echo '<p>Link #'.$i.'</p>';echo '</div>';  
    echo '<div id="info">';for($i=0;$i<9;$i++)echo '<p>Linea de info real #'.$i.'</p>';echo '</div>';  
    echo '</div></body></html>';  
?>

Anarko · #24 (**permalink**) 07/05/2013, 01:49

Cita:

Iniciado por Triby

regresas aquí con tu código actualizado en caso de que no lo hayas logrado.

Cita:

Iniciado por pitufoweb

Agrega overflow: hidden; a #cosmos

Les cuento que jugue con ESA PROPIEDAD en todas sus variantes:
hidden, auto, scroll.

Pero cuando se cambia la cantidad de texto de una columna, falla la otra...

De verdad qu ehe intentado muchas combinaciones...

Y ahora veo que en efecto parece que no se trata de <?xml version="1.0" encoding="utf-8"?>, sino del problema REAL:

Hasta el momento, la CSS solo funciona al tamaño de la pantalla, con SCROLL hay fallos...

Que reglas CSS pueden utilizarse para textos LARGOS ?

pitufoweb · #25 (**permalink**) 07/05/2013, 01:57

Hola,

Cambie algunas cosas del CSS. La verdad que ya estoy medio dormido y no se ni lo que estoy haciendo.

Prueba con este código y si no funciona mañana lo reviso con mas calma.

Código HTML:

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>Plantilla 1</title><style type="text/css"> 
html,body{ 
margin:0; 
font-size:9pt; 
font-family:Arial; 
background:#ABC; 
}

#cosmos{ 
background:#ff952b;
display: table;
vertical-align:top;
width:100%;
} 

#enlaces{ 
display: table-cell;
width:20%;
}


#info{ 
background:#ffb878; 
display: table-cell;
width:80%;
} 
p{ 
margin:0; 
} 
</style></head><body> 
<?php 
    echo '<div id="cosmos">'; 
    echo '<div id="enlaces">';for($i=0;$i<69;$i++)echo '<p>Link #'.$i.'</p>';echo '</div>'; 
    echo '<div id="info">';for($i=0;$i<9;$i++)echo '<p>Linea de info real #'.$i.'</p>';echo '</div>'; 
    echo '</div></body></html>'; 
?>

Saludos

Anarko · #26 (**permalink**) 07/05/2013, 02:08

Cita:

Iniciado por pitufoweb

Prueba con este código y si no funciona mañana lo reviso con mas calma.

UFF!!!, GRATITUD !!!

Ha funcionado PERFECTAMENTE !!!

Te agradezco mucho el acompañarme hasta estas horas...

En que ciudad estas?

Buen reposo!