Site pessoal num funca bem

[GoLBiT]

Boas, tenho um site alojado no sapo.

www.ilhadofarol.site.vu

Recentemente para melhorar o aspecto gráfico decidi usar DIV's por causa do menu lateral. O problema é que com o Firefox akilo não fica com aspecto igual ao IE. A página do lado direito encontra-se mal posicionada. Como sei que deve ser um problema do código html pedia-vos p darem umas vista de olhos e corrigirem ou melhorarem. Sim pk sei ko firefox é super exigente no código das páginas.

[Mike]

Boas, tenho um site alojado no sapo.

www.ilhadofarol.site.vu

Recentemente para melhorar o aspecto gráfico decidi usar DIV's por causa do menu lateral. O problema é que com o Firefox akilo não fica com aspecto igual ao IE. A página do lado direito encontra-se mal posicionada. Como sei que deve ser um problema do código html pedia-vos p darem umas vista de olhos e corrigirem ou melhorarem. Sim pk sei ko firefox é super exigente no código das páginas.

retira o float:right

[GoLBiT]

Boas, já tirei o flot:right

Ora bem, depois de tirar esse bocado de código, em IE voltou à situação do firefox. E no firefox as tabelas com width a 100% excedem os limites do ecrã. Por isso meti a primeira tabela com 80%...

A página continua mal configurada...

Any tips...?

[metralha761]

Pk nao usas td normal? usa o codigo mais standard e mais simples possivel, quanto mais se complica pior.

[[PT]CableGuy]

Quanto à barra horizontal que aparece nos browsers...só acontece na "homepage".
Além disso...só uma das "boxes" é que está "comprida" demais:

Torneio Belém Voley 25 e 26 Setembro | 12/09/04

Todas as outras aparecem (inteiras) na página do browser.

PS: Usei o FireFox 1.0

[GoLBiT]

Eu antigamente tinha dois frames, um lateral que era do menu e da direita k era o principal. Como eu keria que kd se fizesse scroll down o menu lateral tb se mexesse decidi usar divs. Normalmente testava com o IE, dpx vim a descobrir que com o Firefox akilo fikava eskisito.

Quanto às "boxes", a primeira meti com tamanho de 80%, por isso é k cabe, a segundo "Torneio Belém Voley..." tá a 100% por isso é k ta a sair para o lado. As restantes estão a 100%, mas depois já se metem por baixo do menu lateral esquerdo... Se meto todas a 80%, talvez desse mas é capaz de fikar xkisito em resoluções de monitor inferiores...

[Mike]

Experimenta assim

Código: Seleccionar todos

div.menu{float:left;width:150px;}
div.main{width:100%;}


Nas tables dentro do menu metes width="145px;"

Dentro do div main metes a imagem e todas as tables dentro de uma outra table assim:

Código: Seleccionar todos

<TABLE><TR><TD> LOGOTIPO + todas as outras tables width="100%"  </TD></TR></TABLE>


[GoLBiT]

Experimenta assim

Código: Seleccionar todos

div.menu{float:left;width:150px;}
div.main{width:100%;}


Nas tables dentro do menu metes width="145px;"

Dentro do div main metes a imagem e todas as tables dentro de uma outra table assim:

Código: Seleccionar todos

<TABLE><TR><TD> LOGOTIPO + todas as outras tables width="100%"  </TD></TR></TABLE>


Boas, obrigado, resolveu o problema.

Agora a cena é k na resolução 800x600 o problema persiste. Não posso meter o tamanho dos divs em percentagem ou assim?

[Mike]

Agora a cena é k na resolução 800x600 o problema persiste. Não posso meter o tamanho dos divs em percentagem ou assim?

O problema persiste porque o logotipo tem 700pixeis de largura, mais os 150 pixeis de largura do menu sao 850 pixeis.

Reduz por exemplo logotipo para 600pixeis de largura que já funciona.

Atenção que se reduzires a janela do browser mais tarde ou mais cedo o texto vai parar em baixo do menu, o melhor será meteres o logotipo no topo da página e depois o div do menu e depois deste o div main