Media queries: não consigo controlar coluna

[qim 0]

Na seguinte página, a coluna da direita #right desaparece progressivamente à maneira que o ecrã se estreita, e a cor de fundo é sempre visível.

http://pintotours.net/Asia/Indonesia/bali.php

Noutra página que estou a desenvolver a coluna fica branca.

http://pintotours.net/Work/LAST/bali.php


Não consigo perceber o que é que fiz ao código. Agradecia uma ajudinha. É o problema dos amdores principiantes!

Obrigado

[celsomtrindade 2]

Poste os códigos utilizados para podermos analizar.

[qim 0]

Olá Celso

 

As 2 páginas têm mais de 3000 linhas de código...

 

Não pode ver o código directamente abrindo a página?

 

Creio que o problema está relacionado com tables que estão em conflito com o que eu quero fazer com a coluna direita.

 

Obtigado

[goodeathx 8]

Meu caro, aqui (Google Chrome) O redimensionamento ocorre normalmente.

[qim 0]

O redimensionamento não tem problema na página de cima. Contudo, em todos os browsers, na de baixo, a coluna da direita a certa altura desaparec e fica o seu espaço todo branco. O rtedimensionamente está bem, o que não está é o cinteúdo da coluna, que neste caso é só a cor.

Acabo de ver no Google a http://pintotours.net/Work/LAST/bali.php e quando entra mos media queries a 1020px o espaço da coluna direita fica branco.

 

 

[goodeathx 8]

@media screen and (max-width: 1020px)
#content, #content #box1, #content #box4 {
  width: 84%;
  max-width: none;
}

#content-inner {
  width: 100%;
  overflow: hidden;
}

@media screen and (max-width: 1020px)
#content #box1 {
  height: 100%;
  width: 100%;
  margin-bottom: 0;
}

@media screen and (max-width: 1020px)
#content #box4 {
  width: 100%;
  margin-top: -10px;
}

Faça essas alterações, o Right já aparece.... mas não consegui colocar para aparecer as <li> ainda. Veja se ajuda em algo.

 

Edit: Nas linhas 900 em média, tem la, painel1 , painel 2, tudo com display: none

@media screen and (max-width: 1020px) bali.css 920:
.panel2 {
  display: none;
}

Edit²: Resultado -> http://pt-br.tinypic.com/r/1iygz7/8

[qim 0]

Faça essas alterações, o Right já aparece.... mas não consegui colocar para aparecer as <li> ainda. Veja se ajuda em algo.

 

Edit: Nas linhas 900 em média, tem la, painel1 , painel 2, tudo com display: none

@media screen and (max-width: 1020px) bali.css 920:

.panel2 {

display: none;

}

 

Desculpe mas não estou a perceber que alteração devo fazer.

 

As panel estão programadas para desaparecer, mas a coluna (vazia) devia continuar até desaparecer totalmente aos media 800px.

 

Se vir na outra página http://pintotours.net/Asia/Indonesia/bali.php e estreitar o ecrã verá oq ue eu desejo para esta página

[goodeathx 8]

Você só retirar o none, veja no outro post, eu editei com o resultado final. As alterações foi as divs que te mandei la no primeiro bloco de código

 

Edit: Ah sim, então esquece sobre os painels, ele exibe aos 800px só a coluna vazia, com o fundo com a primeira configuração que te mandei

 

Edit²: Estou indo pra casa, na query, diminuia a porcentagem do content central, e aumenta as das box internas desse content para 100%, assim ocupando todo o content central. Vou demorar a chegar em casa, qualquer coisa deixar uma mensagem aí , que te respondo

[qim 0]

Bem... ou eu não compreendi bem, ou já estou cansado- é tarde aqui.

 

Mas náo está a funcionar. Vou deixar uns momentos com esse código para você ver.

 

MAIS TARDE

 

a #right tem uma max-width de 190px. Como é que ela agora ocupa quase toda a página? Tenho pouca experiência de tables e isto está a dar-me uma dor de cabeça!

 

goodeathx tenho de fazer 1300 kms amanhã de manhã e são horas de me deitar, Vou deixar a página com o que penso que foram as suas sugestões. Possivelmente enganei-me, Se vir onde agradeço que me diga.

 

ATENÇÂO

 

Passei a página com as suas alterações para

 

http://pintotours.net/Work/LAST2/bali.php

 

Obrigado

[goodeathx 8]

Olha, pelo menos aqui ficou quase do jeito que você queria, faltou só

#right {
    width: 17% !important;
    max-width: 190px !important;
}

mudar o #right para 17%. Ao menos aqui, parece ter chegado ao resultado que você queria....

[qim 0]

Estou prestes a partir e só conseguirei mexer na página amanhã quinta-feira.

 

Muito obrigado e um abraço daqui de Andorra (a caminho de Portugal)

[goodeathx 8]

Tranquilo amigo, resolvendo seu problema, marque a resposta como resolvido para ajudar pessoas que eventualmente possam cair por aqui.

 

Um outro abraço daqui da Bahia.

[qim 0]

Ola goodeathx

 

Muito obrigado.Com a sua ajuda e imas poucas outras alterações tenho a pagina funcionar como queria

 

Um abraço

[goodeathx 8]

Tranquilo amigo, que bom que resolveu. Por favor, se possível, peço que marque o tópico como resolvido.