Barra lateral babada no layout novo

Não sei por que, mas o Internet Explorer simplesmente não gosta de mostrar o blog do jeito que o Safari e Firefox o fazem. Tentei bravamente fazer duas colunas na barra lateral com ajuda de algum CSS, mas nada deu certo.

Se você puder me ajudar neste assunto, por favor, entre em contato comigo. Neste meio tempo volta tudo a uma única coluna desperdiçando espaço precioso da barra lateral. 🙁


Publicado

em

por

Tags:

Comentários

6 respostas para “Barra lateral babada no layout novo”

  1. Avatar de Cynara

    Cara, tenta colocar na div ‘sidebar’ a propriedade CSS “top: 10px;”, sendo que o 10 você substitui pelo valor que achar mais adequado.
    [ ]’s

  2. Avatar de bernabauer

    Eu tentei bravamente incluir divs de todas as maneiras possíveis. Nada surtiu efeito no Internet Explorer. No Firefox ficou tudo bacana. 🙁

  3. Avatar de Paulo Villela

    Benabauer,
    Esse tema está bem melhor que o outro.
    Não só o layout mas o design e cores também…
    parabéns!

  4. Avatar de bernabauer

    Obrigado Paulo, o desafio agora é fazer com que as duas barras do UOL fiquem uma do lado da outra. Sabe como fazer? eu consegui, porém só funcionou no Safari e no Firefox. Internet Explorer ficou todo cagado… 🙁

    Mas as cores estão ótimas. Vamos ver se a quantidade de leitores aumenta com este layout mais clean!

  5. Avatar de Dirceu Jr.

    Retribuindo pela sua tradução do bbPress que me salvou a madrugada de ontem (que eu passaria traduzindo), fiquei 10 minutinhos brincando com o CSS que tá bugando no IE. Sorte sua que estou mechendo com Photoshop, lógicamente é um dos raros momentos que não estou no Linux 🙂

    Seguinte, o IE é cheio de problema com questão a PADDING de alguns elementos. Ele costuma dobrar o valor colocado. Coisa de louco. Talvez é isso que está provocando a diferença entre os navegadores.

    Mas tem uma forma de resolver sem ficar caçando isso (que é chato). Eu fiz em cima do seu CSS e deu certo aqui:

    Muda o valor do WIDTH dos elementos [#content-left e .post] no CSS. O valor que está é de (width: 590px;), coloca (width: 574px;)

    Deve dar uma diferencinha de espaço no FF e no Safari, se quiser resolver isso faz um comentario condicional com outro arquivo CSS. (Que porra é essa?) Manda um e-mail p/ mim que agente conversa 🙂

  6. Avatar de bernabauer

    Dirceu to the rescue!!!! 😆

Deixe um comentário para bernabauer Cancelar resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *