Foros del Web » Creando para Internet » CSS »

problema con un div sobre otro

Estas en el tema de problema con un div sobre otro en el foro de CSS en Foros del Web. ola, no soy muy bueno maketando en CSS se podria decir ke estoy en mis primeros pasos, bueno ps tengo aca un problemilla. aki les ...
  #1 (permalink)  
Antiguo 27/04/2006, 02:22
 
Fecha de Ingreso: octubre-2005
Mensajes: 419
Antigüedad: 12 años, 1 mes
Puntos: 0
problema con un div sobre otro

ola, no soy muy bueno maketando en CSS se podria decir ke estoy en mis primeros pasos, bueno ps tengo aca un problemilla.

aki les dejo un link para ke vean mi problema http://www.formatoskate.reskate.com/css/index.htm

si se fijan en firefox , el div ke tiene el monitor se ve sobre el texto de color verde verdad? bueno pues lo ke no se como hacer es ke al momento de hacer scroll hacia abajo este div no se deslize hacia abajo, kisiera ke se kede en ese mismo lugar , osea ke se deslize tambien hacia arriba.

y la otra es con el Internet explorer, mmm ps es lo mismo jheje como puedo hacer para ke se vea sobre el texto de color verdad? lo ke pasa es ke en el ie se muestra el texto debajo de ese div, y pues tambien ke se mueva el div al hacer scroll...

aki les dejo los codigos para ke se den una idea de en ke es lo ke puedo estar fallando

html
Código:
<HTML><HEAD><TITLE>GraficasWeb.com - Inicio</TITLE>
<SCRIPT language=javascript type=text/javascript>
function PNG_loader() {
  for(var i=0; i<document.images.length; i++) {
    var img = document.images[i];
    var imgName = img.src.toUpperCase();
    if (imgName.substring(imgName.length-3, imgName.length) == "PNG") {
      var imgID = (img.id) ? "id='" + img.id + "' " : "";
      var imgClass = (img.className) ? "class='" + img.className + "' " : "";
      var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' ";
      var imgStyle = "display:inline-block;" + img.style.cssText;
      if (img.align == "left") imgStyle += "float:left;";
      if (img.align == "right") imgStyle += "float:right;";
      if (img.parentElement.href) imgStyle += "cursor:hand;";
      var strNewHTML = "<span " + imgID + imgClass + imgTitle
         + " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
         + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
         + "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>";
      img.outerHTML = strNewHTML;
      i--;
    }
  }
}
window.attachEvent("onload", PNG_loader);
</SCRIPT>

<META http-equiv=Content-Type content="text/html; charset=windows-1252">
rel="shortcut icon"><LINK href="template_css.css" 
type=text/css rel=stylesheet>

</HEAD>
<BODY>
<TABLE class=principal cellSpacing=0 cellPadding=0 align=center border=0>
  <TBODY>
  <TR>
    <TD class=principal vAlign=top>
      <DIV id=header>
      <DIV id=lcd_monitor><IMG height=199 
      src="lcd_minotor.png" width=162></DIV>
      <DIV id=head_right><IMG 
      src="head_graficasweb.png"></DIV></DIV>
      <DIV id=menu>Colocar aquí el contenido de la nueva etiqueta 
  Div</DIV>
     </TD>
  </TR>
  </TBODY>
 </TABLE>
</BODY>
</HTML>
CSS
Código:
html {
scrollbar-base-color:#000000;
scrollbar-arrow-color:#BF0013;
}

body{
margin:0;
padding-top:10px;
padding-bottom:10px;
background-color: #EFEFEF;
color: #000000;
font-family:Geneva, Arial, Verdana;
font-size:12px
}




#header {
background-image: url(head_bg.jpg);
background-repeat: repeat-x;
width:100%;
height:95px;
text-align:center;
float:none;
}

#head_right {
width:525px;
height:95px;
text-align: left;
float: right;
}
#lcd_monitor {
padding-left:33px;
padding-top:3px;
float:left;
width:162px;
position: fixed;
}

#menu {
font:Arial;
font-size:16px;
font-weight:bold;
color:#00FF00;
}


table.principal {
width:752px;
height:900px;
background-image:url(principal_bg.jpg);
background-repeat:repeat-x;
background-color:#FFFFFF;
border:1px solid #000000;
}
espero ke alguno tenga una idea de como hacerlo jeje
SALUDOS
  #2 (permalink)  
Antiguo 27/04/2006, 04:34
 
Fecha de Ingreso: octubre-2005
Mensajes: 419
Antigüedad: 12 años, 1 mes
Puntos: 0
y de pasada , si alguno tiene otro navegador, que lo cheke a ver como se ve, si no es molestia
gracias
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 02:02.