Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá pessoal estou começando a estudar webstandards e estou com um dúvida:
tenho o seguinte código:
Nesse código tenho a div "rodape" e rodape2", gostaria de colocar elas no rodapé da pagina, independete da resolução do monitor do usuário...
O css para os demais elementos da página ficou assim, se alguém encontrar erros, por favor postem...
body{margin:0;padding:0;background-image:url(../img/bg.jpg);background-repeat:repeat-x; }#geral {margin:0 auto;width: 860px; }#cab{background-image:url(../img/cab.jpg);background-repeat:no-repeat;margin:0 auto;width: 860px;height: 280px; position:relative; }#menu_lateral{width: 170px;border-right: 1px dotted #a7c062;position: absolute; top: 230px; left: 35px; }#menu_lateral ul {margin-top: 10px;margin-bottom: 0;width: 150px;padding-left:10px;padding-right: 10px;list-style: none;}#menu_lateral ul li {width: 100%;line-height: 20px;font-family: Arial, Helvetica, sans-serif;font-size: 12px;border-bottom: 1px dotted #7d9148; }#menu_lateral ul li a {width: 100%;padding-left: 3px;color:#7d9148;display:block;text-decoration: none; }#menu_lateral ul li a:hover {display:block;color:#fff;background-color:#a7c062; }#menu_lateral ul li.tit_menu_laterais {line-height: 15px;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: bold;padding-left: 3px;padding-bottom: 5px;border:0;font-size: 13px;color:#7d9148; }#menu_lateral ol {margin-bottom:0;position:relative; top:-10px; }#menu_lateral ol li {font-family: Arial, Helvetica, sans-serif;font-size: 12px;line-height: 15px;list-style-type: square; color: #7d9148; }#menu_lateral ol li a {color: #7d9148;text-decoration:none; }#menu_lateral ol li a:hover {text-decoration:underline; }#corpo {position: absolute; top: 230px; left: 220px; }.cab_menu {line-height: 15px;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: bold;font-size: 13px;color:#7d9148;padding-left: 13px; }/ Fix IE. Hide from IE Mac \/ html #menu_lateral ul { margin-left: 0; } html #menu_lateral ul li a { height: 1%;} html #menu_lateral .cab_menu { position:relative; top:-6px; } html #menu_lateral ol { position:relative; top:-18px; }/ End /
bem eu havia até tentando colocar as div e o css ficou assim:
#rodape2 {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;color: #fff;text-align:center;padding-top: 10px;width:100%;height: 20px;position: absolute; bottom:0;background-color: #80af00}#image {position:relative; top: 30px; }.cab_menu {line-height: 15px;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: bold;font-size: 13px;color:#7d9148;padding-left: 13px; }
e dois hack's para o IE:
html #rodape { position:absolute; top: 490px; } html #image { position: relative; top: 55px; }
Mas não deu muito certo, dependendo da resolução, o código fica todo quebrado...
Se alguém puder ajudar agradeço...
Opá mais uma coisa, o arquivo que estou testando esta no seguinte endereço [aqui ilhasolteira.net/jogosregionais, se vocês quiserem ver o erro que está dando...
Carregando comentários...
