problema con un div sobre otro

SICK-BOY · #1 (**permalink**) 27/04/2006, 01:22

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

SICK-BOY · #2 (**permalink**) 27/04/2006, 03:34

y de pasada , si alguno tiene otro navegador, que lo cheke a ver como se ve, si no es molestia
gracias