Ir para conteúdo

POWERED BY:

Arquivado

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

dublin

Problemas com IE

Por , em Desenvolvimento frontend

Recommended Posts

dublin    0

dublin
Postado

Nos ultimos dois dias eu li todos os topicos e tutoriais diponiveis e imaginaveis, e tentei todos os hacks que eu pude descobrir.... mas nao tive sucesso. Detalhe: no Firefox eh perfeito.1) Eu estou tentando colocar duas imagens dentro do cabecalho. Mesmo definido a altura, no IE a DIV tem +2px. 2) os items (botoes) do menu apresentam um gap no final do do layout. Eu agradeceria muito se alguem pudesse analisar e me dizer o que eu fiz de errado. Aqui o codigo (desculpem mas o link ainda nao esta disponivel).Code* { margin: 0; padding: 0; }BODY { text-align:center; BACKGROUND-COLOR: #FFFFFF; Font-family: Verdana;}P { margin: 0 0 15px 0;} img { border: 0; }#ALL { width: 760px; margin: 0 auto; text-align:left; }#header { BORDER-TOP: 2px solid #666; BORDER-BOTTOM: 2px solid #666; BACKGROUND-COLOR: #000000; height: 77; }* html #header{ height: 77px; }#menu { TEXT-ALIGN: center; HEIGHT: 25px; BACKGROUND-COLOR: #f1f1f1; BORDER-BOTTOM: #666 1px solid; TOP: 80px;}#colleft { width: 140px; padding: 0px; Float: left;}#colright { width: 140px; padding: 0px; Float: right;}#colCentral { PADDING: 10px; MARGIN: 0 150px; PADDING-BOTTOM: 2px; PADDING-TOP: 20px; font-size: 0.90em; color: #000000; background-image: url(/images/bg2.jpg); background-repeat: no-repeat; text-align: justify; text-decoration: none;}#pagebotton { TEXT-ALIGN: center; font-size: 0.90em; height: 40px; clear: both;}UL.nav { MARGIN: 0px; PADDING: 0px;}UL.nav LI { DISPLAY: inline; LIST-STYLE-TYPE: none;}UL.nav LI A { float:left; width: 7.51em; background: #f1f1f1; font: 1.0em; color:#333; text-align:center; padding:0 0.2em 0.2em 0; margin: 0px; border-width:0.1em; border-color:#fff #909090 #909090 #fff; border-style:solid; text-decoration:none;}* html ul.nav li a { width: 7.90em; }UL.nav A:hover { BORDER-LEFT-COLOR: #000; BACKGROUND: #999; BORDER-BOTTOM-COLOR: #fafafa; COLOR: #fff; BORDER-TOP-COLOR: #000; BORDER-RIGHT-COLOR: #fafafa;}_____________________________________________________________________________HTML<BODY><DIV id=all> <div id=header> <img src="Images/logo.jpg" width=330 height=77 > <img src="Images/banner.jpg" width=423 height=77> </div> <div id=menu> <UL class=nav> <LI><A href="index.htm#na"><b>Home</B></A> <LI><A href="archive.htm#nb"><b>Archive</B></A> <LI><A href="club.htm#nc"><b>Club</B></A> <LI><A href="regulars.htm#nd"><b>Regulars</B></A> <LI><A href="features.htm#ne"><b>Features</B></A> <LI><A href="contact.htm#nf"><b>Contact us</B></A> </LI></UL> </div> <DIV id=colleft> <IMG src="Images/cover.gif" width="140" height="180"> <IMG src="Images/spacer1.gif" width="140" height="29"> <IMG src="Images/ad1.jpg" width="140" height="180"> <IMG src="Images/spacer1.gif" width="140" height="29"> <IMG src="Images/ad2.jpg" width="140" height="180"> </div> <DIV id=colright> <IMG src="Images/ad3.jpg" width="140" height="180"> <IMG src="Images/spacer1.gif" width="140" height="29" > <IMG src="Images/ad4.jpg" width="140" height="180"> <IMG src="Images/spacer1.gif" width="140" height="29" > <IMG src="Images/ad5.jpg" width="140" height="180"> </div> <DIV id=colCentral> <P></P> </div> <div id=pagebotton> <IMG height=29 src="Images/bars.jpg" width=758 border=0><br> </div></div></FORM></BODY></HTML>

Compartilhar este post

Link para o post
Compartilhar em outros sites

micox    2

micox
Postado

)1) Eu estou tentando colocar duas imagens dentro do cabecalho. Mesmo definido a altura, no IE a DIV tem +2px.2) os items (botoes) do menu apresentam um gap no final do do layout.

Não sei dos outros, mas EU não entendi seu problema.

Compartilhar este post

Link para o post
Compartilhar em outros sites

dublin    0

dublin
Postado

Não sei dos outros, mas EU não entendi seu problema.Desculpe, nao me expliquei direito.O problema eh: o cabecalho do site deve ter a mesma altura das imagens. No firefox a pagina ta perfeita, mas no IE quando adiciono as imagens o hearder fica com =ou - 2px maior.Quanto ao menu, o problema eh a largura, no final dele fica faltando um pedaco dos botoes...Many thanks

Compartilhar este post

Link para o post
Compartilhar em outros sites

micox    2

micox
Postado

O problema do cabeçalho você resolve com Box Model Hack (pesquise aqui no fórum e na internet que tem muuita coisa falando disso).Quanto ao menu. Eu acredito que tenha a ver com a borda. Se você coloca borda em um elemento, sua largura irá aumentar provavelmente (obs. não testei seu código. Tô falando só por cima, se tiver algo online fica mais fácil)

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