Ver Mensaje Individual
  #8 (permalink)  
Antiguo 12/08/2005, 10:24
argie01
 
Fecha de Ingreso: septiembre-2003
Mensajes: 82
Antigüedad: 20 años, 7 meses
Puntos: 0
Desacuerdo desesperado

Estuve haciendo pruebas, y al final ahora conseguí hacerlo funcionar en FF y Opera, pero no en IE.

Este es el code que uso para el php:

Cita:
<div id="container"> <div id="banner"><div id="col1" align="left" ><img src="templates/web/images/image2.gif" width="135" height="60" border="0"/></div><div id="col2" align="left" ><?php mosLoadModules ( 'top' ); ?> </div></div>
El tamaño de la imagen2.gif es 135px x 58px.

Tengo que usar "align" y "width" y "height" porque sino se va todo al carajo...
Lo mismo con el css:

Cita:
#banner {
width:747px;
height:60px;
background-color: #FFFFFF;
display: inline;
padding: 0; }

#col1 {
border-top: 10px solid #3182C6;
border-left: 10px solid #3182C6;
height:60px; width:135px;
border-right:2px solid red;
float:left;
background-color: #3182C6;
z-index: 130px;
padding: 0; }

#col2 {
border-right: 10px solid #3182C6;
border-top: 10px solid #3182C6;
height:60px; width: 600px;
border-left: 2px solid #9932CC;
float: right; padding: 0;
margin: 0; }

#container {
margin: 1em 5%;
background-color: #FFFFFF;
background: url(../images/bck04.gif) repeat-y;
width: 764px;
padding: 0; }
Si en "banner" no uso "width=747px" lo del IE6 se ve aún peor. Pero a medida que ese valor disminuye IE va mejorando, pero se descalabran los otros 2 navegadores. Y lo mismo para el "display: inline;".

Estas son las imágenes (la línea amarillo es el border-right de "col1", y la violeta el border-left de "col2"):

Firefox 1.0.6
Nota que la imagen de abajo aparece movida hacia arriba (a la chica de la derecha no se le ve la cabeza).

http://img240.imageshack.us/img240/7215/ff1062pu.gif

Opera 8.0.2
La imagen aparece bien:

http://img240.imageshack.us/img240/5195/opera8029zk.gif

IE6
La imagen aparece casi bien, pero mucho mas separada del menu que en Opera.

http://img240.imageshack.us/img240/7288/ie68og.gif

A este punto ya estoy desesperado.
Lo único que se me ocurre sería hacer que "banner" no sea 100% de ancho, y en cambio la columna "nav" se prolongue hacie arriba, hasta el "top" del "container" (pero ni idea de como hacer eso).

salu2