Site distorce com zoom... [RESOLVIDO]

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

adelson conceicao inacio
NioDio

(usa Fedora)

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.


  


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

Bruno Crema
bruno crema

(usa Debian)

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...

adelson conceicao inacio
NioDio

(usa Fedora)

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]

Bruno Crema
bruno crema

(usa Debian)

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,


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

adelson conceicao inacio
NioDio

(usa Fedora)

Enviado em 26/01/2011 - 09:07h

olha soh o geito que ele deveria ficar...

http://img821.imageshack.us/img821/4222/capturadetelaxa.png

e olha o geito que fica depois de dar zoom...

http://img257.imageshack.us/i/zoomg.png/

flw


6. conseguiu resolver?

Marcos Vinicius Campez
markintux

(usa CentOS)

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

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


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

adelson conceicao inacio
NioDio

(usa Fedora)

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






Patrocínio

Site hospedado pelo provedor RedeHost.
Linux banner

Destaques

Artigos

Dicas

Tópicos

Top 10 do mês

Scripts