Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Meu site é o seguinte:
http://www.cenasordidas.hbe.com.br/index.php
Um amigo que faz Designer Digital, preparou o layout num BMP, e eu estou fazendo este virar página web.
Só quero que a DIV(uma imagem tipo uma "linha"), que deve ser flutuante por cima de todo o conteúdo(transparente no IE e branca no FF), logo do lado do menu, fique FIXA ta tela, ou seja, não role com o conteudo..
Mas tenho problemas com o "position: absolute".. e ela simplemeste não se sobrepoe, e rola junto.
CSS
CODE
*{ margin: 0;
padding: 0;
text-decoration: none;
list-style: none;
}
#vpos {
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
position:fixed; top:0px; left:190px; float: left;}
#tudo{
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
width: 100%;
height: auto;
}
#esquerdo{
padding-top: 175px;
margin-left: 0px;
width: 190px;
height: auto;
float: left;
position: relative;
text-align: center;
}
#conteudo{
padding-top: 130px;
margin-left: 198px;
margin-right: 0px;
margin-bottom: 0px;
width: auto;
height: auto;
position: relative;
text-align: center;
}Parte que interessa do HTML:
CODE
<html>
<HEAD>
<TITLE></TITLE>
<link rel="stylesheet" type="text/css" href="./estilo.css">
<STYLE>BODY{CURSOR: crosshair}
</STYLE>
</HEAD>
<DIV ID="tudo"><!-- canto esquerdo -->
<div id="esquerdo">
<?php include("menu.inc"); ?>
</div><!-- fim canto esquerdo -->
<div id="vpos">
<img src="vpos.jpg">
</div>
<div id="conteudo">
</div>
</body>
</html>Desculpe, editei zilhares de vezes já.. mas é que ninguem tinha visto ainda, e eu consegui resolver as minhas primeiras dificuldas com as DIVs. Só resta mesmo a DIV que deveria ficar como está no FF mas não está no IE.
Carregando comentários...