Estranho padding nas colunas

[qim]

Preciso de ajuda

Na seguinte página,

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

quando a abro, ou refresco em qualquer browser (excepto FireFox) vê-se, momentariamente, o conteúdo da coluna da esquerda espalhar-se horizontalmnete ocupando toda a largura da parte central. isto parece ser a causa dos paineis das colunas apresentarem um padding-top excessivo que não consigo sequer controlar com margens negativas. De facto, até -40px fica na mesma; de 50px para cima muito além do que devia..

Agradeço a vossa ajuda pois não consigo perceber o que se está a passar.

Obrigado

[pedropcruz]

Saudações,

Ora do que tive a vere usando o inspect element do chrome, o tirar o padding top excessivo da barra é aplicando uma position absolute,

position: absolute;

Cumprimentos,

Pedro Cruz

[qim]

Olá, obrigado

Bem,para pôr position: absolute nas colunas laterais com top e left vou ter de pôr position:relative no #container. o que fiz e estraga a pa´gina ao encolher o ecrã para testar tablets e tellemóveis.

Como tenho table para controlar as alturas, é possível usar position?

Eu acho que o que está a acontecer é que aquela "sombra que aparece ao abriir a página está a ocupar espaço não deixando as barras subir para a posição delas

Não tenho miuta experiência nisto e estou totalmente baralhado.

Edited March 20, 2015 at 05:44 PM by qim

[pedropcruz]

Arranjei uma outra solução

#container{
 display:flex;
}

E ficou assim:

http://prntscr.com/6j626r

[qim]

Coloquei display:flex no #container e RETIREI as position:relative/absolute mas não tenho o mesmo resultado

Isse código não pertence à Flexbox? E não +e preciso instalar qualquer coisa para isso funcionar?

help...

Edited March 20, 2015 at 05:50 PM by qim

[pedropcruz]

sem RETIRARES nada, tenta novamente.

[qim]

Pedro

isto do flex é novidade para mim...

Agora as alturas que estavam condicionadas pela table já não funcionam. Eu crei que não se pode misturar table e position. O que é verdade e também não percebo é como a tal apresentação pr+évia da coluna esquerda a toda a largura já não aparece.

Eu passei a página para aqui.

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

Edited March 20, 2015 at 06:13 PM by qim

[qim]

RESOLVIDO!

[Eduardo Silva]

Por norma os browser possuem sempre uma margin e um padding por defeito, para remover use no css o seguinte código

* {
  margin: 0;
  padding: 0;
}

Isto fará que remova todos as margins e paddings por defeito.