Ir para conteúdo

POWERED BY:

Arquivado

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

bimpercursso

Layout

Por , em Desenvolvimento frontend

Recommended Posts

bimpercursso    0

bimpercursso
Postado

Ae pessoal, vo começa a monmtar um laytou para uma looja virtual e estou montando em divs, sem tabelas, nao manjo muito dessa area mas to tentando ai,

 

mas ao abrir em navegadores diferentes percebi que uma das minhas divs fica um poko menor, gostaria de saber o pq acoontece isso?

 

vou postar o meu codigo e as imagens para vcs verem.

 

 

AQUI MEU ARQUIVO DE ESTILO.CSS<style>#geral{width:768px;height:500px;background-color:red;}#header{width:768px; height:70px;background-color:black;}#menu{width:100px; height:430px;background-color:green;float:left;font-family:Verdana;font-size:11px;color:#999999;}#principal{width:655px; height:430px;background-color:yellow;font-family:Verdana;font-size:11px;color:#999999;}#footer{width:780px; height:70px;background-color:white;font-family:Verdana;font-size:11px;color:#999999;}</style>

AQUI MINHA PAGINA, DEFAULT.ASP<html><head><title> <!--#include file="includes/inc_titulo.asp"--> </title><link rel="stylesheet" href="style.css" type="text/css"></head><body><div id="geral">	<div id="header"> <!--#include file="includes/inc_header.asp"--> </div>			<div id="menu"> <!--#include file="includes/inc_menu.asp"--> </div>			<div id="principal"> 		<BR><BR>		<center>		Bem vindo a Loja Virtual da xxxx.<br>		Aproveite os preços.		</center>				</div>			<div id="footer"> <!--#include file="includes/inc_footer.asp"--> </div></div></body></html>

 

AGORA A IMAGEM DE COMO FICA NO INTERNET EXPLORE

Imagem Postada

 

 

AGORA A IMAGEM DE COMO FICA NO FIREFOX

Imagem Postada

 

alguma sugestão???

Compartilhar este post

Link para o post
Compartilhar em outros sites

Giovani    104

Giovani
Postado

1) Sem up no post, por favor!

 

2) Se não manja muito, tem que estudar. E bastante. De nada adianta começar a fazer uma coisa que você não sabe.

 

3) Pesquise no fórum, existem "n" posts sobre layout. Temos até tutoriais aqui, prontinhos para você.

 

- Layout fixo 2 colunas

- Layout fixo 3 colunas

 

[]'s

Compartilhar este post

Link para o post
Compartilhar em outros sites

webflex    0

webflex
Postado

Olá,

 

Amigo bimpercursso, veja as alterações que lhe fiz ao código:

CSS:

#header{

width:768px;

height:70px;

background-color:black;

}

 

#menu{

width:100px;

height:430px;

background-color:green;

float:left;

font-family:Verdana;

font-size:11px;

color:#999999;

}

 

#principal{

width: 668px;

height:430px;

background-color: yellow;

font-family: Verdana;

font-size: 11px;

float: left;

color: #999999;

}

 

#footer{

width:768px;

height:70px;

background-color: #336699;

font-family:Verdana;

font-size:11px;

color:#999999;

}

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >

<head>

<title> <!--#include file="includes/inc_titulo.asp"--> </title>

 

<link rel="stylesheet" href="style1.css" type="text/css">

 

</head>

 

<body>

 

 

 

 

<div id="header"> <!--#include file="includes/inc_header.asp"--> </div>

 

 

<div id="menu"> <!--#include file="includes/inc_menu.asp"--> </div>

 

 

<div id="principal">

<BR><BR>

<center>

Bem vindo a Loja Virtual da xxxx.<br>

Aproveite os preços.

</center>

 

 

</div>

 

 

<div id="footer"> <!--#include file="includes/inc_footer.asp"--> </div>

 

 

 

 

</body>

</html>

Espero ter ajudado!

 

Cumps [*]

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