Ir para conteúdo

POWERED BY:

Arquivado

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

Alexandre Rangel

Erro no meu site

Por , em Desenvolvimento frontend

Recommended Posts

Alexandre Rangel    1

Alexandre Rangel
Postado

Galera, eu to com um pekeno problema...

 

primeiro, entre na url abaixo com o INTERNET EXPLORER e perceba que ta tudo ótimo..

logo depois entre com o FIREFOX!!! o site fica todo desalinhado..! :( ele quebra umas linhas desnecessárias!! e etc....

 

http://www.alexandresilva.com.br/pibperobas/

 

OS CÓDIGOS!

 

index.php

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>PIB Peróbas</title><link rel="shortcut icon" href="favicon.ico" /><link rel="stylesheet" href="estilos.css" /></head><body><!-- Web by: Alexandre Silva - Programador e Designer --><div id="geral"><div id="topo"><img src="_img/_layout/topo.jpg" alt="" /></div><div id="outdoor"><img src="_img/_layout/outdoor.jpg" alt="" /></div><div id="conteudo_tudo"><!-- COMEÇA CONTEÚDO! --><div id="conteudo_centro"><div id="site"><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce scelerisque tellus at urna. Vivamus eu lacus in dui aliquam bibendum. Phasellus turpis sem, vestibulum at, accumsan lobortis, scelerisque eget, lectus. Integer et quam. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras quam quam, blandit sed, nonummy a, egestas a, erat. Suspendisse molestie hendrerit eros. Ut justo. Praesent eros. Aliquam nunc. Aliquam leo. Quisque tincidunt consectetuer pede. Nam egestas nunc non nulla. Ut feugiat massa vel massa. Pellentesque placerat vehicula diam. Mauris commodo. Nullam non risus. Nulla condimentum elementum ante.</p><p>Aenean malesuada, turpis sed tincidunt posuere, nunc arcu porttitor diam, vel tincidunt sapien massa at dui. Pellentesque tincidunt suscipit nisi. Suspendisse pellentesque tempor augue. Sed auctor est sagittis tortor. Aliquam erat volutpat. Vestibulum quis velit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce mattis sodales lectus. Aliquam id enim. Suspendisse cursus viverra ante. Aliquam erat volutpat. Donec auctor, tellus vitae congue luctus, metus tellus pharetra dolor, non consectetuer nulla arcu in purus. Quisque a urna. Nulla facilisi. Suspendisse interdum nisl a lorem. Aenean ac sapien vel dui euismod tempor. Praesent posuere erat ac lacus. Etiam auctor magna non metus ultricies fermentum. Aenean sed odio.</p><p>Mauris purus enim, tincidunt et, lacinia bibendum, dignissim eget, felis. Sed risus velit, feugiat in, laoreet vitae, faucibus quis, ipsum. Quisque adipiscing, lacus quis sodales dictum, orci lorem vulputate lectus, eget fermentum orci massa quis erat. Nunc laoreet pede vitae sem. Morbi venenatis, justo quis sodales suscipit, nulla libero eleifend lorem, quis molestie felis diam sed libero. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Nulla laoreet mauris at lacus varius ultricies. Donec hendrerit aliquam magna. Quisque ultricies diam quis nisl. Proin lacus enim, porta ut, condimentum sed, pellentesque at, leo. In hac habitasse platea dictumst. Etiam magna. Sed non sem. Integer nonummy lacus consequat nulla. Nunc libero lacus, elementum ut, sollicitudin eget, lacinia pretium, nunc.</p><p>Curabitur convallis, quam a facilisis pharetra, lectus elit tempor lectus, vel porta ipsum massa quis dui. Morbi id augue at felis commodo bibendum. Duis et ligula. Pellentesque eget erat. Donec eget magna id elit dictum posuere. Aliquam mollis. Sed sed augue. Proin vel augue. Integer sem sem, fringilla non, rutrum euismod, imperdiet nec, tortor. Donec luctus sapien non felis. Nullam molestie, ante eget fermentum auctor, lectus elit rutrum felis, vitae aliquet magna dui ac dolor. Morbi felis. Nullam vestibulum laoreet orci. Fusce a nunc sit amet lacus commodo consectetuer. Proin lacus. Aliquam arcu. Maecenas semper molestie erat. Nulla in lectus id ligula vulputate fringilla. Nunc tempor consectetuer nibh. Sed sollicitudin purus a lectus.</p><p>Nunc pharetra dolor vitae felis. Vivamus sed risus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Nam ligula nulla, tincidunt et, consequat eu, convallis nec, ipsum. Maecenas in ipsum. Fusce commodo, nisl in commodo ultrices, mi velit commodo metus, id laoreet sem eros ac turpis. Nulla elit enim, pharetra in, tempor eu, rutrum et, leo. Nulla facilisi. Aliquam faucibus. Nunc in elit vel turpis ultricies feugiat. Nulla id orci at mi lobortis ullamcorper. Suspendisse adipiscing lorem id nunc. Vestibulum sagittis, purus sit amet malesuada tincidunt, ipsum lacus scelerisque augue, vitae rhoncus leo arcu sit amet pede. Donec facilisis enim accumsan urna. Praesent arcu. Vivamus justo sem, auctor vel, ultrices id, semper sed, diam. Praesent mattis, purus ut malesuada sodales, nunc ante molestie elit, et auctor nunc dui a nunc. Duis lacus nunc, suscipit sit amet, dapibus id, luctus quis, est. Nunc gravida. Nulla lobortis.</p><p>Nulla facilisi. Vivamus vel lacus ut urna pharetra rutrum. Morbi id eros. Nunc libero. Proin molestie suscipit nisi. Nam in erat. Donec varius urna. Maecenas porttitor massa at nulla. Cras est. Sed dui. Nulla congue. Proin pretium commodo lacus. Cras elit. Nullam purus erat, rutrum quis, viverra quis, laoreet non, sapien. Ut iaculis vulputate lorem. Morbi pulvinar purus vel est.</p><p>Nam mattis purus. Praesent id neque. Aliquam erat volutpat. Ut pharetra malesuada libero. Aenean sit amet purus in lorem adipiscing venenatis. In nonummy metus ac dui. Vestibulum dui. Phasellus accumsan. Maecenas in arcu. Aliquam nec odio eu dui fermentum laoreet. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Praesent tempor pede. Nullam lobortis, pede ac sagittis mattis, urna odio sollicitudin eros, vitae imperdiet elit metus at enim. Curabitur lobortis, urna at porta dictum, ante nulla scelerisque elit, sed ornare dolor turpis ut est. Donec consequat pede vel lorem. Suspendisse placerat pede ut diam. Ut sed tellus.</p></div></div><!-- TERMINA CONTEÚDO! --></div><div id="rodape"><img src="_img/_layout/rodape.jpg" alt="" /></div></div><!-- Web by: Alexandre Silva - Programador e Designer --></body></html>
-------------------------------

 

estilos.css

 

/*CSSDocument*/body {	background:url(_img/_layout/fundo.jpg) #E0E7ED repeat-x;	margin-left:0px;	margin-top:0px;	margin-right:0px;	margin-bottom:0px;	}body,td,th {	font-family:Tahoma;	font-size:10px;	color:#000000;	}#geral {	width:669px;	position:absolute;	left:50%;	margin-left:-334px;	}#topo {	}#outdoor {	margin-top:-3px;	}#rodape {	width:669px;	}#conteudo_tudo {	width:669px;	background:url(_img/_layout/fundo_centro.jpg);	margin-top:-3px;	}#conteudo_centro {	width:611px;	margin-left:29px;	}#site {	width:611px;	}

Grato desde já!

Compartilhar este post

Link para o post
Compartilhar em outros sites

pa_bruno    0

pa_bruno
Postado

provavelmente as margens dos paragrafos..., coloque um p {margin: 0; } deve juntar tudo... mas ae vaum ficar mto juntos... coloque esse background no geral e naum no conteudo...outra coisa, tem mto div no seu site desnecessário...outra coisa, poste SOMENTE LINKS... naum poste os códigos ;)

Compartilhar este post

Link para o post
Compartilhar em outros sites

Hunter_    0

Hunter_
Postado

http://forum.imasters.com.br/public/style_emoticons/default/assobiando.gif

 

Vamo lá!!!

 

1- Não dá pra fazer marcação (x)HTML sem conhecer o mesmo....(Não to falando que é teu caso.. é só uma incidência constante... :D )

 

2- Peguei teu código, tuas imagens, montei teu html aqui no meu servidor, testei nos dois browsers...beleza realmente existe o erro sim;

 

3- Não adianta fazer sites Tableless(web standards, nos padrões... por ai vai... pra mim é fazer site do jeito certo :D ) se você ainda pensa analogamente ao modo como se faz com tabelas, aninhando e aninhando.... acaba dificultando a edição do código e por conseguinte a usabilidade do mesmo;

 

4- Sugestão, se der pra por as imagens de background fora do corpo da marcação (x)HTML e deixar tudo pro CSS magnifíco, senão...tudo bem;

 

5- Para terminar põe uns floats nos seguintes divs e do jeito q ta ai:

 

topo põe o float:rigth; rodape põe o float:left; conteudo_tudo põe o float:right

 

 

Qualquer dúvida tamo ae...

 

[ ]'s

Compartilhar este post

Link para o post
Compartilhar em outros sites

pa_bruno    0

pa_bruno
Postado

precisa de float naum hunter... o problema saum as margens dos paragrafos mermo... http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

coloque um padding no conteudo_tudo

#conteudo_tudo {width:669px;background:url(_img/_layout/fundo_centro.jpg);margin-top:-3px;padding: 1px 0;}

Compartilhar este post

Link para o post
Compartilhar em outros sites

Hunter_    0

Hunter_
Postado

Ué, usei float aqui, ta lpz http://forum.imasters.com.br/public/style_emoticons/default/assobiando.gif

 

 

existem vários caminhos para se chegar ao mesmo ponto :D

Compartilhar este post

Link para o post
Compartilhar em outros sites

Hunter_    0

Hunter_
Postado

:blink: of corse boss !! ehehheh dpois quero trocar umas idéias contigo :D

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