Pular para o conteúdo

Site distorce com zoom... [RESOLVIDO]

Responder tópico
  • Denunciar
  • Indicar

1. Site distorce com zoom... [RESOLVIDO]

Enviado em 23/01/2011 - 20:55h

Pessoal é o seguinte,
Estou montando um site php+mysql+html+css, mas estou tendo um probleminha, ja fiz a interface do site mas quando eu aperto o botao de maximizar/restaurar do navegador o site fica distorcido, um objeto sobe encima do outro, nada fica alinhando como antes e quando eu aperto ctrl+mousescroll (zoom) tambem acontece isso, oque devo fazer para evitar isso.

Responder tópico

2. Re: Site distorce com zoom... [RESOLVIDO]

Enviado em 24/01/2011 - 23:33h

Olá amigo,
Verifique a forma que esta declarando nas classes css dos DIVs a propriedade "position". Tente colocar "position:absolute;".

Abraços,

3. bruno...

Enviado em 25/01/2011 - 21:27h

eh o seguinte ja fiz isso ai que vc falou e testei tb com fixed e as outras opçoes. tentei colocar tb margin: 0 auto; margin-left: xxx; e por ai. Mas o problema continua...

eu tenho 2 div englobando um conjunto de forms um de login e outro de cadastro...

este eh o de login:

<div id=login>
<form action="face.html" method="post">
<fieldset>
<legend>Login</legend>
<p class=form>
<label>E-mail:</label>
<input name="login" type="text" tabindex="1" size=20 maxlength=40>
</p>
<br>
<p class=form>
<label>Senha:</label>
<input name="senha" type="password" tabindex="2" size=20 maxlength=40>
<p>
<p class=form>
<input type="radio" name="cont_log" value="cont_log" tabindex="3"/>Continuar Logado<br />
<p>
<p class=form>
<input type="submit" value="Login" tabindex="4"/>
</p>
</fieldset>
</form>
</div>



==============================================================


e este eh o de cadastro:

<div id=speed_cadastro>
<form action="face.html" method="post">
<fieldset>
<legend>Cadastro Rapido</legend>
<p class=form>
<label>Nome :</label>
<input name="nome" type="text" tabindex="6" size=40 maxlength=50>
</p>
<p class=form>
<label>Sobrenome :</label>
<input name="snome" type="text" tabindex="7" size=40 maxlength=50>
</p>
<p class=form>
<label>Sexo :</label>
<SELECT name="fonction" weigth=500 width=500>
<OPTION VALUE="enseignant">Escolha seu Genero</OPTION>
<OPTION VALUE="etudiant">Masculino</OPTION>
<OPTION VALUE="ingenieur">Feminino</OPTION>
<OPTION VALUE="retraite">Alternativo</OPTION>
</SELECT>
</p>
<p class=form>
<label>E-mail :</label>
<input name="semail" type="text" tabindex="8" size=40 maxlength=50>
</p>
<p class=form>
<label>Senha :</label>
<input name="senha" type="password" tabindex="9" size=40 maxlength=50>
</p>
<p class=form>
<label>Confirme Senha :</label>
<input name="csenha" type="password" tabindex="10" size=40 maxlength=50>
</p>
<p class=form>
<input type="submit" value="Cadastrar" tabindex="10"/>
</p>
</fieldset>

============================================================================


eu gostaria de que uma ficasse do lado da outra mas oq acontece eh q quando eu do um zoom ou maximizo/restauro no navegador eles se sobrepoem, ai tirei a opção float: left; deles oq melhorou um pouco pois ja naum se sobrepunham mas uma tarja superior que fiz fica distorcida ela diminui de tamanho se der zoom. muito estranho sabe como arrumo isso?

No meu codigo atual eu consegui arrumar isso mas soh se eu colocar um form embaixo do outro oq naum quero eu gostaria que ficassem do lado tipo...

_______________________________ ________________________________
\******************************\ ***** |*******************************\
\***************************** \ ***** |*******************************\
\******************************\ ***** \*******************************\
\******************************\ ***** \*******************************\
\ form login aqui \ ***** \ form cadastro aqui \
\******************************\ ***** \*******************************\
\******************************\ ***** \*******************************\
\******************************\ ***** \*******************************\
\______________________________\ ***** \_______________________________\


sera que tem como me explicar como fazer isso?

4. Re: Site distorce com zoom... [RESOLVIDO]

Enviado em 25/01/2011 - 23:49h

NioDio,
Declare na classe "login" de seu css:

...
display:inline-block;
position: absolute;
...

Isto deve resolver.

Abraços,

6. conseguiu resolver?

Enviado em 11/03/2011 - 09:02h

cara... estou com o mesmo problema... conseguiu resolver??

7. Re: Site distorce com zoom... [RESOLVIDO]

Enviado em 11/03/2011 - 23:11h

Consegui sim, coloquei o cabeçalho e o rodape como px e naum porcentagem, pra falar a verdade a maioria das coisas eu trabalhei com pixel achei bem mais facil hehhe ah evite trabalhar com position tb espero ter ajudado

Responder tópico

Responder tópico

Entre na sua conta para responder.

Fazer login para responder