Jump to content


Photo

Site Em Div E Css Desalinhados


  • Faça o login para participar
6 replies to this topic

#1 dstebo

dstebo

    Turista

  • Usuários
  • 52 posts
  • Sexo:Não informado

Posted 13/06/2011, 10:03

Fiz site com css e div, como esse exemplo abaixo:

HTML
<body>
<div class="wrapper">
<div class="base"><img src="images/rua.gif"></div>
<div class="nav">
<ul>
<li><a id="nav-contato" href="contato.html"></a></li>
</ul>
</div>
</div>
</body>
</html>
-------------------------------------------------------------------------------------
CSS

body {
background: #75daee url("images/bg-index.jpg") center top no-repeat;
}

.wrapper {
width:1050px;
height:570px;
position:relative;
z-index:10;
margin:0px auto 0px auto;
background-repeat:no-repeat;
}

.base {
position:absolute;
top:-2px;
float:left;
left:50%;
margin-left:408px;
z-index:40;
}
----------------------------------------------------------------------------
A página de fundo e o design do site deixei centralizado e usei os divs para inserir menu e alguns gifs e imagens.

Ficou normal visto em monitor com resolução 1990x 1080 e 1366x768.

O problema quando visto em monitor tipo netbook com resolução 1024x768 ou resolução 800x600

Os div's se espreme na tela, ficando desalinhado.

Tem algum jeito de deixar ele seguir a imagem background, mesmo se ficar fora do monitor com resolução 1024x768...

Tem alguma dica que me pode ajudar, obrigado.

#2 shayllis

shayllis

    12 Horas

  • Usuários
  • 152 posts
  • Sexo:Masculino
  • Localidade:Barueri - SP
  • Interesses:PHP, MySQL, ASP.NET C# e VB, DreamWeaver, VisualStudio, JavaScript

Posted 21/06/2011, 11:12

Bom uma solução seria usar uma div para conter o fundo e diminuir o tamanho geral do seu layout. Outra forma também seria criar um script que lê-se a resolução da tela do usuário e redireciona-se para um página em suas devidas resoluções. Ah dica, o fundo do body sempre é diferente de acordo com os monitores, evite alinhar os elementos ao fundo, pois é quase impossível.

#3 RonsisM

RonsisM

    Super Veterano

  • Usuários
  • 15724 posts
  • Sexo:Masculino
  • Localidade:Plovdiv

Posted 23/09/2017, 08:18

Amoxicillin Toothache cialis Canadian Pharmecy
Priligy Generico Farmacia Kamagra Aus Uk Domperidone In Usa
Lotensin <a href=http://cialtobuy.com>generic cialis</a> Amoxicillin Stomach Upset
Viagra Als Droge cheap cialis Propecia Ivi
No Prescription Xenical
Ordering Fineciastride <a href=http://cialtobuy.com>cialis</a> Viagra Migrana

#4 RonsisM

RonsisM

    Super Veterano

  • Usuários
  • 15724 posts
  • Sexo:Masculino
  • Localidade:Plovdiv

Posted 07/10/2017, 16:49

Contraindicaciones Del Viagra En Jovenes Cialis Compra Online cialis Propecia Liver Enzymes Metabolized
Finasteride Side Effects viagra Propecia Parafarmacia

#5 RonsisM

RonsisM

    Super Veterano

  • Usuários
  • 15724 posts
  • Sexo:Masculino
  • Localidade:Plovdiv

Posted 21/10/2017, 15:11

Prednisolone Without A Prescription viagra Ginecologia Propecia

#6 RonsisM

RonsisM

    Super Veterano

  • Usuários
  • 15724 posts
  • Sexo:Masculino
  • Localidade:Plovdiv

Posted 03/11/2017, 10:46

What Are The Reactions To Amoxicillin Vendita Cialis Farmacia levitra for sale on ebay Forum Cialis En Ligne Levaquin Low Price
Cephalexin Nuvaring viagra Propecia Complications Women
Generico Levitra Online Mg Canadian Pharmaci Where To Buy Azithromycin In Canada cialis Venta De Kamagra Online Tarif Du Kamagra

#7 RonsisM

RonsisM

    Super Veterano

  • Usuários
  • 15724 posts
  • Sexo:Masculino
  • Localidade:Plovdiv

Posted 24/11/2017, 14:36

Priligy Kaufen Deutschland generic cialis Where Do I Buy Cialis Amoxicillin Clav And Dosage Tips For Lasting Longer
Viagra Pills For Sale Cheap Amoxicillin And Sun Exposure Levitra Generica cialis online Cialis E Farmaci Cephalexin Vs Clindamycin For Root Infection Priligy Experience Forum
Cheap Propecia University Of Kentucky Baclofene Quebec Kamagra How To Use online pharmacy Osu Levitra Pharmacie Vendita Cialis Originale On Line




1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq