Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Bom dia, o texto do meu site está ficando desalinhado em dois navegadores, ele deixa muito espaço entre um e outro parágravo, por assim dizer.
Testei no Chrome, no Mozila, Netscape, Safari, (nas ultimas versões) e no Opera e no IE8 (tb em ultima versão), só que esses dois últimos estão deixando um espaço mt grande entre um e outro paragrafo, não sei como resolver isso.
segue o código
<!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"](http://www.w3.org/1999/xhtml) xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"/>
<meta content="keywords" name="gs, GS, sistemas, sistema, desenvolvimento de sistemas, desenvolvimento, gestao industrial, gestao comercial, gestao, empresas, empresarial, assessoria, empresa, gs assessoria, Nota fiscal eletronica, NFe, Nota fiscal, cupom fiscal, programa, software, executavel, PAF, ECF, comercio, computador, computadores, servidor, servidores, clientes"/>
<meta name="description" content="Seja bem vindo ao site da GS Assessoria. Desenvolvemos sistemas para industria e comercio em geral, visite-nos"/>
<meta name="Author" content="Melina GS Assessoria"/>
<meta name="robots" content="index, follow"/>
<meta name="revisit-after" content="30 days"/>
<meta name="distribution" content="global"/>
<meta name="rating" content="general"/>
<meta name="content-language" content="pt-br"/>
<meta name="copyright" content="Copyright 2000-2010" />
<title>GS Assessoria Desenvolvimento de Sistemas</title>
<link rel= "stylesheet" type= "text/css" href="teste.css" />
</head>
<body>
<div id="backimage">
<img src="[http://img27.imageshack.us/img27/6625/logogs32.png"](http://img27.imageshack.us/img27/6625/logogs32.png) id="esquerdabanner" alt="GS Assessoria [logomarca]"/>
<img src="[http://img406.imageshack.us/img406/5043/banngs.png"](http://img406.imageshack.us/img406/5043/banngs.png) id="direitabanner" alt="Desenvolvimento de Sistemas"/>
</div>
<div id="leftMenu">
<form action="./?do=login" method="post">
<fieldset>
<legend>Área do usuário</legend>
<p><label for="username">Usuário:</label><input type="text" id="username" name="username" /></p>
<p><label for="username">Senha:</label><input type="password" id="password" name="password" /></p>
<p class="botoes"><span><button type="submit">OK</button></span></p>
</fieldset>
</form>
<ul id="menu">
<li><a href="./index.html" title="Página inicial">Início</a></li>
<li><a href="./trabalhos.html" title="Sistemas">Sistemas</a></li>
<li><a href="./contato.html" title="Entre em contato">Contato</a></li>
<li><a href="./faq.html" title="Perguntas Frequentes">FAQ</a></li>
<li><a href="./noticias.html" title="Notícias">Notícias</a></li>
<li><a href="./downloads.html" title="Downloads">Downloads</a></li>
<li><a href="./portfolio.html" title="Portfólio">Portfólio</a></li>
</ul>
</div>
<div id="conteudo">
<h1>Bem Vindo!</h1>
<hr></hr>
<p><br></br>O grupo GS Assessoria desenvolve softwares para indústria e comércio em geral customizados.
<br></br>Através de seus softwares promove gradativamente a organização à estrutura interna da empresa. Promovendo confiabilidade, segurança de dados e fidelidade de nossos clientes.<br/>
<br></br>
<br></br>A evolução dos sistemas deve-se à projetos governamentais, pesquisas, treinamento e interação do cliente, nosso grande parceiro colaborador.
<br></br>
<br></br>A partir dessa interação origina-se a programação e implantação das melhorias necessárias, fazendo com que nossos produtos sejam ágeis, funcionais e de interface amigável ao usuário, para que os mesmos possam tirar todos os benefícios que oferecemos, garantindo a qualidade no atendimento de suas necessidades.
<br></br>
<br></br>
</p>
<hr></hr>
</div>
</body>
</html>
/* Documento CSS - GS Assessoria */
/*Desenvolvido por Melina Girardi - Copyright © 2008/2010 - Todos os direitos reservados.*/
/*Inicio */
* {
padding : 0;
margin : 0;
list-style : none;
}
body {
background : #FFF url("[http://img717.imageshack.us/img717/9413/gradpng.jpg"](http://img717.imageshack.us/img717/9413/gradpng.jpg));
}
h1 {
text-align : Left;
font-family : "Trebuchet MS", Tahoma, "Lucida Bright", Garamond;
font-size : 20px;
color :#FF9D1E;
}
p {
text-align : left;
font-family : Tahoma, "Lucida Bright", Garamond;
font-size : 15px;
color : #171A33;
}
h2, h3, h4, h5, h6, h7 {
text-align : left;
font-size : 15px;
font-family : Tahoma, "Lucida Bright", Garamond;
}
/*DIV do Banner, 1ª img logo, 2º img letras*/
#backimage {
width : 100%;
height : 140px;
}
#esquerdabanner {
float : left;
}
#direitabanner {
float : right;
}
/*fim DIV do banner */
/*menu de login */
#leftMenu {
clear : both;
width : 19%;
margin-left : 1%;
float : left;
}
#leftMenu fieldset {
border : 1px dotted #79A7F0;
margin-bottom : 10px;
padding : 12px;
}
#leftMenu legend {
display : none;
}
#leftMenu fieldset p {
position : relative;
}
#leftMenu fieldset p input {
position : absolute;
left : 70px;
width : 150px;
border : 1px inset #175BFF;
background : #FFF;
}
#leftMenu .botoes span {
display : block;
text-align : right;
padding-right : 12px;
padding-top : 1px;
}
/*Fim do menu de login */
#menu li {
font-size : 18px;
text-align : center;
display : block;
}
#menu li a {
display :block;
color : #000FFF;
text-decoration : none;
}
#menu li a:visited {
color : #000FFF;
}
#menu li a:hover {
color : #007BFF;
background-color : #002247;
}
#conteudo {
color : #000;
margin-left : 25%;
position : relative;
margin-right: 5%;
position : absolute;
}
/*Fim do CSS */Obrigado !
Vou fazer isso, Obrigado, quem sabe dá certo né ! :)
Oi, deu certo sim, não que tenha diminuído TUDO, mas mais da metade daquele espaço enorme sumiu, foi bom.
Obrigado ! TPC resolvido.
Olá, o AlocK tem razão, não tem necessidade de tanta quebra de linhas, utilize paragrafos <p></p> que facilita e muito seu trabalho, se for utilizar quebra de linha, de mais um espaço antes de fechar o <br>, no caso assim (errado: <br/> | correto:<br />), é a forma correta para xhtml válido, mesma coisa com os <hr />, e não precisa abrir e fechar <br></br> é apenas colocar <br />. Você pode também utilizar a propriedade line-height:valor; para dar espaços entre as linhas.
Até logo.
Ok, Obrigado.. Vou prestar mais atenção nisso .. :)
http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif
sei lá. o que pode te ajudar é usar uma tag de paragrafo ( <p> ) para cada paragrafo ao inves de ficar dando break. depois só definir as magens do paragrafo para ajustar o espaçamento... isso deixa seu html mais "semantico" também