Ir para conteúdo

POWERED BY:

Arquivado

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

Rspina

dividir a tela e 3 partes.....

Por , em Desenvolvimento frontend

Recommended Posts

Rspina    0

Rspina
Postado

Olá pessoal é o seguinte.....

 

esto montando um site onde esse site vai estar "centralizado horizontalmente" na tela.

 

Do lado "esquerdo" vai ter um "background" com um visual.

Do lado "direito" vai ter um outro "background" com outro visual.

esse background sera "repeat-x"...

 

O que acontece é que não estou conseguindo montar em "3 div"

 

/* CSS Document */body {	margin:0;	padding:0;	background-color:#e3e5c4;	}#left{	margin:0;	padding:0;	width:auto;	height:300px;	background-color:#0000FF;	float:left;	}	#right{	margin:0;	padding:0;	width:auto;	height:300px;	background-color:#cccccc;	float:right;	}	#geral{	margin:0;	padding:0;	width:778px;	height:300px;	background-color:#ffffff;	float:left;	}

valeu

Compartilhar este post

Link para o post
Compartilhar em outros sites

pa_bruno    0

pa_bruno
Postado

tem algo visual ae pra gente ver? ou entaum pelo menos o codigo xhtml pra gente entender onde fica cada codigo... ;)

Compartilhar este post

Link para o post
Compartilhar em outros sites

maurivan    0

maurivan
Postado

Tente usar mais position:absolute para quando for fazer layouts em CSS.Espero ter ajudado,Abraços,Maurivan Luiz

Compartilhar este post

Link para o post
Compartilhar em outros sites

pa_bruno    0

pa_bruno
Postado

após alguimas gambiarras, consegui... hehehehe:

<?xml version="1.0" encoding="iso-8859-1"?><!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" lang="pt"><head><title>Untitled Document</title><style type="text/css">html, body {	height: 100%;}body {	margin: 0;	padding: 0;	text-align: center;	background: #E4E5C5 url(fundoBody.gif) repeat-x left top;}#direita {	background: url(fundoDireita.gif) repeat-x right top;	width: 50%;	position: absolute;	right: 0;	top: 0;	height: 165px;	z-index: 1;}#conteudo {	width: 780px;	border: 1px solid #666666;	background-color: #FFFFFF;	margin: 0 auto;	margin-left: -390px;	left: 50%;	z-index: 2;	height: 100%;	position: absolute;}</style></head><body>	<div id="conteudo">teste</div>	<div id="esquerda"></div>	<div id="direita"></div></body></html>

qq duvida postae... alguma linha, funcionamento, etc... ;)

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