Jump to content


Photo

Div Sobrepondo Outro Div


  • Faça o login para participar
18 replies to this topic

#1 Eu_Nana

Eu_Nana

    12 Horas

  • Usuários
  • 291 posts
  • Sexo:Feminino
  • Localidade:SP

Posted 27/08/2009, 16:18

Olá pessoal

Estou com problemas......usando div, css para construir um layout., e quando abro a página no Firefox...o layout aparece todo bonitinho, já no IE7 o menu lateral e o "div" do conteúdo ficam em cima do banner.....oq devo fazer?




Ah estou usando include



Alguém sabe oq pode ser?

Edição feita por: Eu_Nana, 22/09/2009, 14:11.


#2 Paulo André

Paulo André

    Why so serious?

  • Ex-Admins
  • 5114 posts
  • Sexo:Masculino
  • Localidade:Belo Horizonte - MG
  • Interesses:O.Q.F.J.?

Posted 28/08/2009, 08:49

Tem algo para mostrar ou código? Para ficar de fácil entendimento.

[]'s Até mais
Paulo André G Rodrigues,
ex-administrador Fórum WMO.


www.CanalDev.com.br

#3 Eu_Nana

Eu_Nana

    12 Horas

  • Usuários
  • 291 posts
  • Sexo:Feminino
  • Localidade:SP

Posted 28/08/2009, 09:23

Tem algo para mostrar ou código? Para ficar de fácil entendimento.

[]'s


Veja a imagem no IE7...se vc perceber.....exite uma barra de cor clara logo após o banner...e o div de conteúdo esta sobrepondo essa barra, o msm acontece c o menu lateral

Existe alguma coisa q posso fazer no CSS que corrija isso.....Obrigada

Attached Files


Edição feita por: Eu_Nana, 28/08/2009, 09:25.


#4 CRDesigner

CRDesigner

    Novato no fórum

  • Usuários
  • 12 posts
  • Sexo:Masculino
  • Localidade:São Paulo

Posted 28/08/2009, 11:20

Existe alguma coisa q posso fazer no CSS que corrija isso.....Obrigada

Sim, posta o código que está utilizando.

#5 Eu_Nana

Eu_Nana

    12 Horas

  • Usuários
  • 291 posts
  • Sexo:Feminino
  • Localidade:SP

Posted 28/08/2009, 12:50

Existe alguma coisa q posso fazer no CSS que corrija isso.....Obrigada

Sim, posta o código que está utilizando.


Não tem como vc me passar a dica ....?

#6 CRDesigner

CRDesigner

    Novato no fórum

  • Usuários
  • 12 posts
  • Sexo:Masculino
  • Localidade:São Paulo

Posted 28/08/2009, 13:09

Existe alguma coisa q posso fazer no CSS que corrija isso.....Obrigada

Sim, posta o código que está utilizando.


Não tem como vc me passar a dica ....?


Eu_Nana, problemas desse tipo são compreendidos e resolvidos atraves do código aplicado. A final não há uma <receita></Bolo> para desenvolver sites ainda.

Presumisse que o erro de sobreposição de conteúdo seja devido ao dimensionamento das [DIVs].

#7 Eu_Nana

Eu_Nana

    12 Horas

  • Usuários
  • 291 posts
  • Sexo:Feminino
  • Localidade:SP

Posted 28/08/2009, 13:19

Existe alguma coisa q posso fazer no CSS que corrija isso.....Obrigada

Sim, posta o código que está utilizando.


Não tem como vc me passar a dica ....?


Eu_Nana, problemas desse tipo são compreendidos e resolvidos atraves do código aplicado. A final não há uma <receita></Bolo> para desenvolver sites ainda.

Presumisse que o erro de sobreposição de conteúdo seja devido ao dimensionamento das [DIVs].



ok......tenho q enviar o css tb?

Veja o código....o index.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title></title><link href="css/estilo.css" rel="stylesheet" type="text/css" /><link href="css/estilo_texto_paginas.css" rel="stylesheet" type="text/css" /><link href="css/menu_lateral.css" rel="stylesheet" type="text/css" /></head><body><div id="geral">         <div id="topo">           <?php                include "include/topo.php";           ?>         </div>        <div id="menu">          <?php                include "include/menu_lateral.php";              ?>        </div>                        <div id="conteudo">            <div class="titulo_page">                   DIVISÕES                </div>                        <div style="width:570px; padding-bottom:10px; padding-left:10px;">                  texto texto texto texto texto texto            </div>                        <div style="width:590px; height:450px;">                <div style="padding-top:15px; text-align:left; width:290px; float:right">                    texto texto texto texto texto texto                </div>                                       <div style="padding-top:15px; text-align:left; width:300px;">                       texto texto texto texto texto texto                  </div>                                                                             <div style="padding-top:15px; text-align:left; width:300px;">                    texto texto texto texto texto texto                </div>                                                              <DIV style="padding-top:15px;">                     <div class="titulo_page">                           Setores                       </div>                                                <div style="padding-top:15px; text-align:left; width:370px;">                        texto texto texto texto texto texto                      </div>                                        <div style="padding-top:15px; text-align:left; width:350px; float:left;">                        texto texto texto texto texto texto                    </div>                                                        </DIV>               </div>                    </div>        <div id="barra_end">                            </div>        <div id="rodape">Todos os direitos reservados.</div></div>    </body></html>

Edição feita por: Édipo Costa Rebouças, 31/08/2009, 01:20.
Use o padrão BBcode para postar códigos


#8 CRDesigner

CRDesigner

    Novato no fórum

  • Usuários
  • 12 posts
  • Sexo:Masculino
  • Localidade:São Paulo

Posted 28/08/2009, 18:09

ok......tenho q enviar o css tb?
Sim.

#9 Eu_Nana

Eu_Nana

    12 Horas

  • Usuários
  • 291 posts
  • Sexo:Feminino
  • Localidade:SP

Posted 31/08/2009, 08:02

ok......tenho q enviar o css tb?
Sim.


Segue o CSS......Aguardo....
/* Zerando as margens e preenchimentos de todas as tags */             * {                           margin: 0;                           padding: 0;               }                    /* Definindo a fonte Verdana com tamanho 11px para as divs #lateral, #conteudo, #menu, #rodape, #topo */              #lateral, #conteudo, #menu, #rodape, #topo               {                           font-family:Verdana, Geneva, sans-serif;                          font-size:11px;                          text-align:justify;              }      /* Definindo o mesmo verde que o das divs #menu e #lateral para a cor de fundo do geral */  /* definindo 775px de largura , tornando o layout fixo */              #geral               {                          width: 775px;                          margin-top:5px;                          margin-left:5px;                          height:auto;                          background: url(../imagens/faux-columns.gif) repeat-y 0 0;              }     /* definido cor de background para o topo */  /* definindo altura de 200px */              #topo               {                          background-color: #f9f9f9;                           height: 200px;               }                /* definindo 173px de largura para as divs #menu e #lateral */  /* definindo cor de background para as divs #menu e #lateral */  /* definindo 10px de padding para as divs #menu e #lateral */              #menu, #lateral               {                          width: 173px;                           background-color: #f9f9f9;                           /*padding: 10px; */              }     /* hack para q o FF, Opera, etc, deixem o tamanho correto do layout, pois não colocando ele adicionaria + 20px aos 150px das divs, totalizando 173px, que iria bagunçar o layout */              html>body #menu, html>body #lateral               {                           width: 173px;               }                /* definindo float: left para o menu, para que fique grudado à esquerda do conteúdo */              #menu               {                           float: left;                          width:173px;              }                 /* definindo float: right para a lateral, para que fique grudado à direita do conteúdo */                       #lateral               {                           float: right;               }                /* como o geral está com o fundo verde, defino aqui um branco para o fundo do conteúdo. */  /* definindo margem 0 para a base e o topo e 150px para esquerda e direita */  /* definindo 10px de padding */              #conteudo               {                          background-color: #f9f9f9;                           /*margin: 0 150px;                           padding: 10px;*/                          float:left;                                                                              PADDING-RIGHT: 8px;                           BACKGROUND-POSITION: 50% bottom;                           PADDING-LEFT: 10px;                           FONT-SIZE: 11px;                           PADDING-BOTTOM: 5px;                           /*MARGIN: 3px; */                          LINE-HEIGHT: 18px;                           PADDING-TOP: 5px;                           TEXT-ALIGN: justify;                          font-family:Verdana, Arial, Helvetica, sans-serif;                          width:580px;                          margin-top:25px;                          display:inline;              }                /* definindo cor de background */  /* definindo altura de 20px */  /* não permitindo que objetos "flutuantes" obstruam o rodapé. */              #rodape               {                          background-color: #000000;                           height: 20px;                           clear: both;                          color:#FFF;                          TEXT-ALIGN: center;                          font-size:11px;                          margin-bottom:5px;                          clear:both;              }                                          #barra_end               {                          background-color: #dfe5ef;                           height: 40px;                           clear: both;                          color:#07519a;                          TEXT-ALIGN: center;                          font-size:11px;                          font-family:Verdana, Geneva, sans-serif;                          margin-bottom:2px;                          margin-top:10px;                          clear:both;              }     /*****************************                -- CSS TOPO --   ******************************/                 #tudo               {                          background-color: #f9f9f9;                           width: 770px;                          height:auto;              }                            .padrao              {                          DISPLAY: block;                           FLOAT: left;                           MARGIN-BOTTOM: 2px;                           WIDTH: 775px;                          background-color:#FFCC00;                          height:21px;              }                 .logom               {                          DISPLAY: block;                           FLOAT: left;                           MARGIN-BOTTOM: 2px;                           WIDTH: 435px;                          background-color:#FFCC00;                          height:21px;              }                 .logob               {                          DISPLAY: block;                           FLOAT: right;                           MARGIN-BOTTOM: 2px;                           WIDTH: 100px;                           MARGIN-RIGHT: 10px;                           TEXT-ALIGN: right;                          height:21px;                    }                 .banner               {                          MARGIN-TOP: 5px;                          margin-right:5px;                          FLOAT: left;                           BORDER-LEFT: #fff 1px solid;                           WIDTH: 775px;                          background-image:url(../imagens/banner.jpg);                          height:120px;              }                 .banner .img               {                          BORDER-RIGHT: #ffffff 2px solid;                           FLOAT: left;                           BORDER-LEFT: #99bcdc 1px dashed;                           WIDTH: 590px;                           TEXT-ALIGN: right;              }                 .banner .titulo               {                          PADDING-LEFT: 2px;                          margin-left:25px;                           FLOAT: left;                           WIDTH: 200px;                           PADDING-TOP: 0px;                           TEXT-ALIGN: center;                          font-family:Verdana, Arial, Helvetica, sans-serif;                          font-size:12px;                          color:#FFFFFF;              }     .titulo   {              FONT-WEIGHT: bold;               FONT-SIZE: 16px;               COLOR: #ffffff;               FONT-FAMILY: Arial, Helvetica, sans-serif;  }     .subtitulo   {              FONT-SIZE: 12px;               COLOR: #ffffff;               FONT-FAMILY: Arial, Helvetica, sans-serif;  }     .fita   {              FLOAT: left;               WIDTH: 775px;               HEIGHT: 60px;  }     .logos   {              BORDER-TOP: #999999 0px solid;               DISPLAY: block;               PADDING-LEFT: 5px;               FLOAT: left;               BORDER-LEFT: #cccccc 0px solid;               WIDTH: 775px;               PADDING-TOP: 0px;               HEIGHT: 48px;               TEXT-ALIGN: left;  }     .menus   {              MARGIN-TOP: 2px;               FLOAT: left;               MARGIN-LEFT: 25px;              margin-bottom:0px;  }     .logoi   {              DISPLAY: block;               FLOAT: left;               MARGIN-BOTTOM: 2px;               WIDTH: 350px;              margin-top:2px;  }

Edição feita por: Édipo Costa Rebouças, 31/08/2009, 10:30.
Use o padrão BBcode para postar códigos


#10 Eu_Nana

Eu_Nana

    12 Horas

  • Usuários
  • 291 posts
  • Sexo:Feminino
  • Localidade:SP

Posted 24/09/2009, 11:08

Olá pessoal

Estou com problemas......usando div, css para construir um layout., e quando abro a página no Firefox...o layout aparece todo bonitinho, já no IE7 o menu lateral e o "div" do conteúdo ficam em cima do banner.....oq devo fazer?




Ah estou usando include



Alguém sabe oq pode ser?



Alguém sabe oq pode ser?

#11 HaroNism

HaroNism

    Super Veterano

  • Usuários
  • 13822 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 23/09/2017, 17:48

Avana Pills Where To Buy Periactin Pills cialis price Acheter Cialis Livraison 24h Buy Cialis Vancouver Ciproxin 250mg
Pak Online Zithromax And Heart Disease Alimentation Et Baclofen cialis Propecia Experience Saw Palmetto
Acquistare Kamagra Harbour Amoxicillin Dosage For Pneumonia Viagra Kamagra 100 cheap cialis Whare Can I Get Cialis No Prescription Canadian Pharms Kamagra Time To Work

#12 HaroNism

HaroNism

    Super Veterano

  • Usuários
  • 13822 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 07/10/2017, 02:24

Buy Plavix Uk Acheter Cialis En Securite viagra Hydrochlorothiazide Best Website Zithromax And Robitussin
The Pharmacy Express Scam cialis Drug Store Acheter Misoprostol

#13 HaroNism

HaroNism

    Super Veterano

  • Usuários
  • 13822 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 14/10/2017, 19:14

Where To Buy Amoxicilina Robamox By Money Order buy viagra Isotretinoin price
Progesterone Medicine viagra Propecia Diccionario Order Prevacid Otc Kennel Cough And Amoxicillin
Verfallsdatum Viagra Cialis Levitra Cialis Kaufen Hamburg Secure Ordering Bentyl cialis online Order Levitra Over The Counter Can You Buy Prednisone In Mexico Proper Dose For Amoxicillin

#14 Miguceamma

Miguceamma

    MiguPenjisse

  • Usuários
  • 11724 posts

Posted 15/10/2017, 08:45

Elvil Online No Rx Fluoxetine 40mg Eating Disorder Where To Order levitra for sale on ebay Baclofen Prix Viagra En Sevilla Levitra Generico Italia Disfunzione
Viagra Milano Cialis Wo Frei Erhaltlich cialis Kamagra Risks Propecia Es Lo Mismo Que Proscar
Amoxicillin And Cystic Acne realcheaplevitra Propecia Serious Side Effects Acne Cialis Viagra Milano Vente De Propecia Paris

#15 RonsisM

RonsisM

    Super Veterano

  • Usuários
  • 15724 posts
  • Sexo:Masculino
  • Localidade:Plovdiv

Posted 17/10/2017, 20:14

Shelf Life Of Zithromax Viagra Alle Erbe Ultimate viagra prescription Viagra Farmacia Costo Flagyl Online In Uk
Cialis Viagra Barcelona viagra Zithromax One Viagra Plus For Sale Can I Take Metamucil With Amoxicillin
Viagra 100mg Canada viagra online prescription Pfizer Viagra Price Does Keflex Interfere With Depro Provera Does Propecia Need A Prescription
Acheter Prescription generic viagra Le Viagra Utilisation Amoxicillin Warfarin Interaction
Fa Male Comprare Propecia viagra Kamagra 100mg Berichte Buy Generic Nexium Online No Prescription
Kamagra Uk Pay With Paypal viagra Propranolol Tablets Buy Online Uk Dog Side Effects Of Amoxicillin
Zithromax Skin Side Effects Precio Cialis Sin Receta Composicion Propecia cialis isotretinoin 10mg mail order on line
Non Prescription Dog Amoxicillin Prix Du Viagra 25mg cheapest levitra 20mg Amoxicillin Capsules For Bladder Infection Apo Cephalexin For Dogs
Kamagra Prescription Levitra Lakemedel Canadian Generic Viagra viagra Buy Now Doxycycline Claravis Cephalexin Doberman
24 Hours Canadian Pharmacy Cheap Sildenafil 100mg viagra Cialis Dosage 20mg Need Generic Direct Progesterone Discount Ups Store Amex Amoxicillin And Clavulanate Potassium Tablets
Cose Clomid Keflex Acne generic cialis Propecia After 5 Years Priligy Online Uk
Viagra Alkohol Gefahrlich Comment Utiliser Le Cialis Propecia Magistrale get online levitra prescription Doxycycline Izotek Baltimore Vomiting And Amoxicillin Amoxicillin Clavulanate Potassium
Clomid Essai Ovulation Amoxicillin Once Daily No Prescription Viagra Canada Online cialis Cheap Viagra Pe




3 user(s) are reading this topic

0 membro(s), 3 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq