Ir para conteúdo

POWERED BY:

Arquivado

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

Eddy Goulart

DIVs lado-a-lado

Por , em Desenvolvimento frontend

Recommended Posts

Eddy Goulart    2

Eddy Goulart
Postado

AMIGOS estou a 2 dias já nisso e nao consigo fazer de jeito nenhum funcionar isso.. é um site que contem 1 cabeçalho, 3 colunas ao meio e 1 rodapé.

cabeçalho e rodapé tudo bem.. funcionando certinho.. mais as 3 colunas de jeito nenhum funcionar, pq eu gostaria o site de tela cheia e quando eu pego o navegador e diminuo ele as 3 Divs vao uma para baixo da outra e isso que eu nao queria! =/

http://forum.imasters.com.br/public/style_emoticons/default/upset.gif

 

CSS

*{	 margin:0px;	 padding:0px;	 }		body {	margin-left: 0px;	margin-top: 0px;	margin-right: 0px;	margin-bottom: 0px;	}		.cabecalho {	width:99%; 	height:90px; 		border: 1px solid #000000;	background-color: #00CCFF;	}			.tela{ 	border: 1px solid #000000;	width:100%;	 		}		.dentro{	}				.tab1{ 		min-width:130px;		height:500px;	border: 1px solid #000000;	width:24%;	  	float:left;	background-color: #99CCFF;			}		.tab2{		min-width:500px;	height:500px;		border: 1px solid #000000;	width:50%;	float:left;	background-color: #0066FF;	}		.tab3{		min-width:130px;	height:500px;		border: 1px solid #000000;	width:24%; 	float: left;	background-color:#336600;	}			.rodape {	height:40px; 	background-color:#99FF99; 		border: 1px solid #000000;	float:right;	clear: both; 	}

 

HTML

<body><div class="tela"><div   class="cabecalho"> CABEÇALHO</div><div class="dentro"><div class="tab1"> TABELA 1</div><div class="tab2"> TABELA 2</div><div class="tab3"> TABELA 3</div></div><div   class="rodape"> RODAPE</div></div></body>[b][/b]

Compartilhar este post

Link para o post
Compartilhar em outros sites

webflex    0

webflex
Postado

Olá,Fiz algumas modificações:

*{ margin:0px; padding:0px; } body { margin: 0; padding: 0; } .cabecalho { width:99%; height:90px; border: 1px solid #000000; background-color: #00CCFF; } .tab1{ height:500px; border: 1px solid #000000; width:24%; float:left; background-color: #99CCFF; } .tab2{ height:500px; border: 1px solid #000000; width:50%; float:left; background-color: #0066FF; } .tab3{ height:500px; border: 1px solid #000000; width:24%; float: left; background-color:#336600; } .rodape { height:40px; background-color:#99FF99; border: 1px solid #000000; float:right; clear: both; }

E o HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Teste</title><body><div class="cabecalho"> CABEÇALHO </div><div class="tab1"> TABELA 1</div><div class="tab2"> TABELA 2</div><div class="tab3"> TABELA 3</div><div class="rodape"> RODAPE</div></body></html>

Cumps \o/

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