Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Primeiras postagens
Primeiras postagens
Tópico Autor
Mensagens: 2
Sexo: Masculino

problema com estrutura e compatibilidade entre navegadores

08-07-2011 11:56

Olá pessoal, sou novo aqui e to começando a aprender um pouco de webdesiner. To tentando montar um site de compras mas to com problemas pra montar minha estrutura.

Acredito que o problema seja de reset pq no google crome ele funciona direito mas no explorer não.

Deixa eu tentar explicar o que acontece:

Criei div's id de 'A' ate 'K' para nominar minhas estruturas.

De 'A' até 'D' com largura de 1262px.

uma coluna 'E' com float right largura 165px e altura 1712px.

de 'F' a 'H' com float right e largura 930px e alturas respectivas 200px, 12px e 1500px.

uma coluna 'I' largura 165px e altura 1712px.

O problema é que a coluna 'I' está ficando abaixo da div 'G' q mede 200px de altura.

fiz o reset: padding: 0; margin: 0; border:0;


Se alguém puder me ajudar agradeço.

MOVIDO da Seção de vídeos CSS para CSS
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17737
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

problema com estrutura e compatibilidade entre navegadores

08-07-2011 13:23

Sem ver o layout fica complicado, mas, você pode usar um float left na div que está descendo.
0
A melhor hospedagem para o seu site HostGator!
 
Primeiras postagens
Primeiras postagens
Tópico Autor
Mensagens: 2
Sexo: Masculino

problema com estrutura e compatibilidade entre navegadores

12-07-2011 20:20

o layout é esse aí, as cores de fundo são apenas pra visualização. Se alguém souber um jeito de corrigir esse problema, ajuda aí, por favor.

<!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=utf-8" /> <title>e-COMPRAMAIS</title>   <style type="text/css"> * {     padding: 0;     margin: 0;     }   body {         background: #FFF;         font-style:normal;         font-size:16px;     font color: #000;         font-family: Calibri;         font-weight: bold;         color: #000; }   #a { width: 1262px;       height: 107px;           background: #00C;           }   #b { width: 1262px;       height: 38px;           background: #0CC;           }   #c { width: 1262px;       height: 30px;           background: #900; }   #d { width: 1262px;       height: 30px;           background: #9F6;           }     #e{ width: 160px;       height: 300px;           background: #639;                               float:right;           }   #f { width: 925px;       height: 200px;           background: #F09;           float:right;                     }     #g { width: 925px;       height: 12px;           background: #C5C5C5;                     float:right;           }   #h { width: 925px;       height: 1500px;           background: #9FF;           border:#666;           float:right; }     #i { width: 165px;       height: 300px;           font-size:20px;           background:#C93;           float: left;    }   #j { width:165px;      height:30px;          background: #999;          float:left; }   #k { width:165px;      height:400px;          background:#EBEBEB;          float: left;           }                                   </style>             </head>       <body> <div id="a"></div>     <div id="b">a </div>     <div id="c"> </div>     <div id="d"> </div>     <div id="e"></div>     <div id="f"><center></div>     <div id="g"></div>     <div id="h"><table width="926" height="1500" border="1" align="center" cellpadding="20" cellspacing="1" >   <tr>     <th   width="256" height="300">a </th>     <th scope="col" width="256" height="300">a     </th>     <th scope="col" width="282" height="300">a</th>   </tr>   <tr>     <th scope="row" width="256" height="300">a</th>     <td width="256" height="300" align="center">a</td>     <td width="282" height="300" align="center">a</td>   </tr>   <tr>     <th scope="row"a width="256" height="300">a</th>     <td width="256" height="300" align="center">a</td>     <td width="282" height="300" align="center">a</td>   </tr>   <tr>     <th scope="row" width="256" height="300">a</th>     <td width="256" height="300">a</td>     <td width="282" height="300">a</td>   </tr>   <tr>     <th scope="row" width="256" height="300">a</th>     <td width="256" height="300">a</td>     <td width="282" height="300">a</td>   </tr> </table> </div>     <div id="i"> </div> <div id="j"> </div>   <div id="k"></div> </body> </html>

0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17737
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

problema com estrutura e compatibilidade entre navegadores

12-07-2011 21:09

Testei aqui seu layout nas versões mais atualizadas no IE, Firefox, Chrome e Opera, está a mesma coisa em todos os navegadores.
0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado