Ir para conteúdo

POWERED BY:

Arquivado

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

Adair Junior

Problemas no layout

Por , em Desenvolvimento frontend

Recommended Posts

Adair Junior    0

Adair Junior
Postado

Código CSS:

 

/* GENERAL SETTINGS */* {   margin: 0;   padding: 0;   list-style-type: none;   }body {   font-family: tahoma, "trebuchet ms", verdana, "lucida sans unicode";   font-size: 10pt;   text-align: center;   background-color: transparent;   background-image: url(imagens/logo_background.gif);   background-position: right bottom;   background-attachment: fixed;   background-repeat: no-repeat;   }#site {   width: 780px;   margin: 0 auto;   text-align: left;   }#header {   width: 780px;   height: 90px;   clear: both;   text-align: center;   background-image: url(imagens/header.gif);   }#preamble {   width: 400px;   float: right;   margin: 2.5em 0 2em 205px;   font-style: italic;   text-align: right;   }#navigation {   width: 605px;   float: right;   text-align: justify;   clear: right;   }#linkList {   width: 175px;   float: left;   clear: left;   }#footer {   width: 800px;   clear: both;   text-align: center;   }
Documento:

 

<body>   <div id="site">	  <div id="header">	  <h1><span>Alambik F. C. - Um clube nascido para vencer</span></h1>	  </div>	  	  <div id="navigation">	  <h1><span>História do clube</span></h1>		 <div id="preamble">		 <p>"Cara, marquei um jogo de futebol de campo contra uns conhecidos pra daqui a 3 dias. Faz um time pra jogar contra eles..."</p>		 </div>		 	  <p>Foi assim mesmo, no impulso, no improviso e no acaso, que a idéia de se criar o que viria a ser o <strong>Alambik Futebol Clube</strong> começou a nascer. Afinal de contas, o jogo já tinha data, hora e local, e quando <strong>Tiago</strong> recebeu a notícia dada por <strong>Cebola</strong>, responsável pela marcação da partida, ainda não se tinha sequer 11 jogadores para o time titular. Porém, o que parecia uma tarefa um pouco complicada foi facilmente resolvido. <strong>Rafael</strong> e <strong>Rossano</strong> se uniram a Tiago na busca pela formação da equipe, e no dia e hora marcados, lá estava um grupo de 14 pessoas devidamente fardadas e aguardando o início da partida.</p>	  <h2><span>A surpresa</span></h2>	  <p>Aquele time nunca havia jogado junto antes. Alguns, inclusive, nunca haviam calçado uma chuteira de futebol de campo antes. Mas, por incrível que pareça, a equipe formada às pressas deu uma resposta bem interessante. Mostrou alguma consistência defensiva, capacidade de criação de jogadas, e o principal: todos os que jogaram concordaram que mais jogos como aquele deveriam ser marcados. O resultado desse jogo foi um empate em 2 a 2, e motivados pela vontade de vencer o adversário – que já jogava junto há algum tempo –, uma nova partida foi marcada.</p>	  <p>No "jogo de volta", a superioridade do time canoenese recém-formado ficou evidente e o resultado chegou a soar como surpreendente: uma goleada pelo placar de 5 a 2 foi imposta com autoridade, em uma partida marcada pela facilidade com que nossa equipe trabalhava a bola, e marcada também por alguns incidentes.</p>	  <h2><span>OK, vamos montar um time...</span></h2>	  <p>Depois dos insistentes pedidos do pessoal para que os jogos se repetissem, os 3 responsáveis pela formação daquela equipe decidiram criar um clube amador. Já que era pra seguie adiante, que se fizessem aconteceer as coisas de verdade. E foi então que, no dia 15 de Novembro de 2004, o <acronym title="Alambik Futebol Clube">AFC</acronym> foi criado. Não se sabe ao certo quem foi o autor do nome do clube, mas visto a quantidade de jogadores apreciadores de grandes quantidades de cerveja, caipirinha e afins, o nome caiu como uma luva.</p>	  <p>Mas um clube de verdade não precisa ter apenas um nome e pessoas dispostas a defendê-lo. Um clube de verdade precisa, entre outras coisas, de um símbolo. Um emblema que o identifique dentre tantos outros. O idealizador desse emblema Rafael, e ele foi muito feliz na elaboração do mesmo. Isso porque ele soube utilizar todos os elementos que fazem parte da vida do <acronym title="Alambik Futebol Clube">AFC</acronym> – a bola, a bica (fazendo da bola uma espécie de barril), tudo isso unido dentro de um círculo com o nome do clube, indicando para quem olhar em meio a quê vivem as pessoas que defendem a nossa bandeira.</p>	  <h2><span>E o uniforme?</span></h2>	  <p>Apesar de todo o cuidado com esses detalhes tão importantes, ainda faltava o uniforme, que juntamente com o emblema, identifica o clube. Então, depois de muito pensar, analisar uniformes utilizados por outros clubes, e de imaginar um modelo ideal, os 3 criadores do <acronym title="Alambik Futebol Clube">AFC</acronym> chegaram a um consenso sobre o modelo do fardamento. Mais uma vez foi feita, possivelmente, a melhor escolha que se poderia ter feito. Um desenho único, sem exageros, simples e marcante ao mesmo tempo.</p>	  <h2><span>Pronto. Agora sim temos um clube.</span></h2>	  <p>Então. O <acronym title="Alambik Futebol Clube">AFC</acronym> é, a partir de então, um clube de futebol amador. Um clube que nasceu para vencer. Vencer os desafiantes, vencer as adversidades, vencer os contratempos, e vencer o que mais aparecer na nossa frente. Óbvio que, para vencer tudo isso, é preciso bem mais do que 3 "dirigentes" dispostos. E é por isso que agradecemos, de verdade: aos atletas do grupo atual, que suam a camiseta durante as partidas; ao nosso treinador <strong>Aldo Luiz Gonçalves</strong>, que prontamente aceitou o desafio de comandar um bando de pernas-de-pau; aos atletas que já vestiram a camiseta do <acronym title="Alambik Futebol Clube">AFC</acronym>, que também fazem parte da história deste clube; à Tia Nara, esposa do treinador e anjo da guarda que agüenta os fardamentos suados e fedidos depois de todos os jogos; e a todos os familiares, amigos, amigas e namoradas, que de uma forma ou de outra contribuem para que o <acronym title="Alambik Futebol Clube">AFC</acronym> continue sempre cumprindo o propósito para o qual nasceu: vencer.</p>	  </div>	  	  <div id="linkList">	  <ul>		 <li>História do clube</li>		 <li>Símbolos</li>		 <li>Resultados</li>		 <li>Jogos agendados</li>		 <li>Jogadores</li>		 <li>Galeria</li>		 <li>Notícias</li>		 <li>Recados</li>		 <li>Contato</li>		 <li>Downloads</li>		 <li>Links úteis</li>	  </ul>	  </div>	  	  <div id="footer">	  <p>Alambik Futebol Clube 2007. Todos os direitos reservados.<br />	  Site melhor visualizado em resolução 1024 por 768 pixels.</p>	  </div>   </div></body>
Quando eu ajusto o padding da div #navigation (15px de cada lado), o layout quebra no IE, mesmo quando eu reduzo as dimensões da div pai (#site) em 30 px. O que eu faço pra arrumar isso?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Poe    0

Poe
Postado

Oie!Um printscreen comentado e umas indicações do problema facilitarão mais ainda a nossa vida. ;) Faz isso aí pra ajudar a gente! Abraço!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Adair Junior    0

Adair Junior
Postado

Bom, aí vai. Imagem com a div #navigation sem padding ou margin:

Imagem Postada

 

Imagem com a div #navigation com padding lateral de 15px de cada lado e redução de 30px no width da div:

Imagem Postada

 

Viram? Quebrou o layout. Agora a screen de como fica no Firefox (e como deveria ficar no IE):

Imagem Postada

 

Aqui está OK, com os mesmos 15px de padding lateral dos dois lados da div, e tudo alinhadinho. O que eu faço pra arrumar isso no IE? Por favor, já estou com dor de cabeça de tanto pensar nisso (desde ontem...).

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