Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

thitto

IE, Mozilla , Chrome

Por , em Desenvolvimento frontend

Recommended Posts

thitto    0

thitto
Postado

Estou usando um comando overflow:auto no IE funciona perfeito, mas qunado eu uso ou MOzilla ou Chrome a minha div sai da configuracao e arreda pro canto da pagina. fica totalmente fora da minha pagina. alguem sabe q outro comando eu posso usar para poder usar no mozilla ou chrome?

Compartilhar este post

Link para o post
Compartilhar em outros sites

thitto    0

thitto
Postado

o codigo da minha css e esse

@charset "utf-8";
/* CSS Document */

#fundopaginas{background:#FFFFFF; height:100%; border:#FF3333 0px solid;padding-bottom:10px; padding-top:10px;}

#geralpaginas{width:1050px; margin:0 auto; padding-bottom:10px; padding-top:10px; border:#000000 0px solid;}

#conteudo{background:url(../fotos/teste3.jpg) repeat-x; width:1050px; height:370px; overflow:auto; border:#CCFF00 0px solid;}

#titulo_pagina{text-align:center; font-family:Geneva, Arial, Helvetica, sans-serif; color:#000000; font-size:36px; border:#000000 0px solid; padding-top:10px;}

e do meu html e esse

<body>
<div id="fundopaginas">
<div id="geralpaginas">
<div id="conteudo"><div id="titulo_pagina">Pampulha Village Casa para idosos.</div><br />

Moradia ideal para o idoso que necessita de cuidados.
Oferecemos monitoramento médico 24h, fisioterapia, terapia ocupacional, musicoterapia, alimentaçào diversificada e caseira, monitoramento fonoaudiológico, passeios opcionais e muito mais. Visitas permitidas 24h. 


Trabalhamos com profissionalismo e dedicação, sem jamais perder o carinho e afeto que nosos pais tanto merecem. Estamos esperando sua visita!<br />
<br />
....
 </div><!--conteudo-->
</div>
</div><!--fundo-->
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

thitto    0

thitto
Postado

exatamente, mas quando eu abre a pagina pelo chrome ou pelo mozilla ela fica desrregulada, mas so a div q eu uso o overflow. vo tentar manda uma imagem pra você ver.

IE

Imagem Postada

 

Chrome

Imagem Postada

Compartilhar este post

Link para o post
Compartilhar em outros sites

thitto    0

thitto
Postado

eu sei q qunado eu tiro o overflow ele volta ao normal.. por isso q eu acho q e overflow..

 

 

Pode postar um link?

q link q eu posso postar?

Compartilhar este post

Link para o post
Compartilhar em outros sites

thitto    0

thitto
Postado

num e possivel.. eu testei no meu mozilla e no meu chrome nao funciona, testei em outro pc pra ve se era problema do meu e nao funciona..

 

agora se tiro o overflow funciona..

Compartilhar este post

Link para o post
Compartilhar em outros sites

thitto    0

thitto
Postado

eu ja nao sei mais oq fazer. ja limpei o cache e continua na mesma coisa.. nao sei mais oq pode ser. desisto de programacao css hehehhe

Compartilhar este post

Link para o post
Compartilhar em outros sites

Henrique Barcelos    290

Henrique Barcelos
Postado

Aqui também está tudo normal:

 

Fx 3.0.11

IE 6, 7 e 8

Opera 9.54...

 

O problema é mesmo o Chrome...

 

Estranho... O Chrome renderiza tudo praticamente igual ao Firefox

Compartilhar este post

Link para o post
Compartilhar em outros sites

Thiago Retondar    18

Thiago Retondar
Postado

Na verdade o Google Chrome segue o padrão do WebKit, onde o Safari também usa. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

Testei aqui e parece que está dando erros nos browser com o WebKit. VOcê fez alguma alteração?

 

Bem, vamos lá tentar resolver. A estrutura do site não está boa. Vou dar algumas dicas para poder facilitar as futuras correções.

 

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif não utiize   para fazer espaços. Você utilizou mais de 20! Prefira usar margin ou padding;

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif seu XHTML está com três XHTML! :blink: :blink: :blink: Insisra apenas um e no começo e faça tudo que for aparecer no browser, dentro do body;

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif carregue os arquivos CSS dentro do head;

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif não insira texto "soltos". SEmpre coloque dentro de p.

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif crie uma div que englobe todo o conteúdo. Isso te facilitará na manipulação de elementos. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

Faça as alterações ditas e volte a postar com qualquer dúvida. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito