Hola para todos
Estoy viendo algo de CSS y me salieron dos dudas importantes en el manejo de DIVs.
Resulta que necesito que mi pagina por mas que el usuario escribe un texto de 1 km no se modifique mi tabla, entonces use DIVs con la propiedad de las Scroll para que quede bien.
De ahi los problemas.
Necesito 3 cosas que realicen mis DIVs:
1. Como hago para Centrarlos a la mitad de la pagina? En lo vertical yo lo elijo luego, pero en horizontal necesito que este en el centro, probe con Left 50% pero me lo manda 3/4 a la derecha... Con Left 35% me queda al centro, pero necesito que ese script lo ponga en cualquier resolucion de cualquier pc y vaya al centro siempre. 2. Como hago que un DIV se encuentre PEGADO a otro, tambien, en cualquier resolucion de cualquier PC. Vieron como una tabla con dos filas? Una encima de la otra, van juntas a todos lados porque son la misma tabla? Algo asi, pero que cada DIV tenga sus propiedades. 3. Como hago para que el DIV que le puse el Overflow: Auto; y muestre las Scrollbars, pero que 'SOLO' las muestre cuando haya excesos Horizontales, pero verticales que se pueda bajar bastante, sin importar. (Esta es la menos importante, de ultima instacia usare el Auto)
Aca les dejo el Codigo que encontre, que me sirve mucho, SALVO por esas 3 cosas que les recurro arriba. Esta a la izquierda, para centrarlos los tuve que separar y de ahi la otra pregunta de unirlos... Y lo de la Scroll, seria como un 'lujo' si se puede. El segundo son las tablas hechas, tienen algo de PHP pero es lo de menos... jeje
Código HTML:
<style type="text/css">
.head, .contents {
width: 50%;
border: 1px solid black;
}
table {
width: 100%;
}
td {
background-color: lightblue;
color: white;
border-right: 1px solid white;
}
th {
background-color: darkblue;
color: white;
border-right: 1px solid white;
}
.contents {
position: relative;
height: 50%;
overflow: auto;
}
</style> Código PHP:
<div>
<div class="head">
<table cellspacing="0">
<tr>
<th align="center" style="width:100px"><?php echo $row_rsNoticias['titulo']; ?></th>
</tr>
</table>
</div>
<div class="contents">
<table align="center" cellspacing="0">
<tr>
<td style="width:100px"><p><?php echo $row_rsNoticias['mensaje']; ?></p>
<p>Escrito por <?php echo $row_rsNoticias['autor']; ?></p></td>
</tr>
</table>
</div>
</div>
Gracias por todo... se que deben ser sencillas para alguien con años ya en CSS, pero es que yo comence hace poquito...
Saludos
