Ir para conteúdo

POWERED BY:

Arquivado

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

marcos.lavorato

Left e 100%

Por , em Desenvolvimento frontend

Recommended Posts

marcos.lavorato    0

marcos.lavorato
Postado

Olá pessoal. Tenho uma div 100% com mais 2 divs internas. 1 Delas com 200 pixels alinha a esquerda e a outra com um left de 250 pixels. Gostaria de saber como faço para essa segunda div ficar além dos 250 pixels a direita com o restante do layout. Com o 100% ele acaba passando do tamanho total do navegador (por causa dos 250 aque eu havia definido), porque isso acontece?Obrigado.

Compartilhar este post

Link para o post
Compartilhar em outros sites

RTaveira    0

RTaveira
Postado

Marcos, peço que mostre nos o arquivo CSS e (x)HTML para nós analisarmos.

 

Hasta la vista, baby!

Compartilhar este post

Link para o post
Compartilhar em outros sites

marcos.lavorato    0

marcos.lavorato
Postado

É pra já Rafael.

 

XHTML

<!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>	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />	<title>BRSALES - A soluo CRM nacional.</title>	<link href="css/estilos.css" rel="stylesheet" type="text/css" media="all"></head><body>	<div id="border">	</div>	<div id="central_completo"> 		<div id="topo_completo">			<div id="topo">				<div id="esquerda">					<img src="imagens/logo.jpg"/>			   	</div>				<div id="direita">					<div id="menu_adicional_topo">						Menu adicional					</div>				</div>			</div>					<div id="menu_topo">											</div>		</div>		<div id="central">			<div id="conteudo">				Conteudo	   		</div>			<div id="baixo">				Baixo			</div>		</div>	</div></body></html>

CSS

@charset "utf-8";/* CSS Document */* {	color: #ffffff;	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 10px;}#border {	width: 100%;	height: 8px;	background-color: #ffffff;}body {	margin: 0px;	border: 0px;	padding: 0px;	background: url(file:///C|/br.com.brsoft/interface/imagens/fundo.png) #D40000;}#central {	width: 900px;	height: 100%;	margin: 0px auto 0px;		padding: 10px;	/**background-color: #FFFFFF;*/}#topo {	width: 100%;	height: 80px;	padding: 10px;	background-color: #333333;}#topo_completo {	width: 100%;	height: 100px;	background-color: #333333;	border-bottom: 1px solid #e33d3d;}#menu_adicional_topo {	position: relative;}#menu_topo {	width: 100%;	height: 5px;	left: 300px;	position: relative;	background:url(file:///C|/br.com.brsoft/interface/imagens/menu_completo.jpg) repeat-x;}#esquerda {	float: left;	width: 300px;	height: 100%;}#direita {	float: right;	width: 500px;	height: 100%;	background-color: #333333;}#conteudo {	width: 100%;	height: 460px;}#baixo {	width: 100%;	height: 40px;}

Compartilhar este post

Link para o post
Compartilhar em outros sites

marcelrizzo    0

marcelrizzo
Postado

Bem, eu não entendi exatamente o que você quis dizer. Tenta dar uma explicada mais clara.Sua div #direita tem 500 px, com 300 da outra, se você soma mais algo a isso, ele vai quebrar o layout num monitor de 800X600. Não sei extamente se é isso que você quer, mas põe a width do #direita em 400 px e declara padding-right:90px em #esquerda.boa noite.

Compartilhar este post

Link para o post
Compartilhar em outros sites

brcontainer    16

brcontainer
Postado

Olá,

 

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Já experimentou com um width: auto e min-width: 250px?

 

Cumps \o/

no IE min-width não funciona use no IE width: 250px; direto que conforme o conteudo interno de onde você

aplicou o width no IE redimensiona estilo como se possui-se width: auto; e min-width: 250px;

 

e sobre isso:

Olá pessoal. Tenho uma div 100% com mais 2 divs internas. 1 Delas com 200 pixels alinha a esquerda e a outra com um left de 250 pixels. Gostaria de saber como faço para essa segunda div ficar além dos 250 pixels a direita com o restante do layout. Com o 100% ele acaba passando do tamanho total do navegador (por causa dos 250 aque eu havia definido), porque isso acontece?

eu fiz um tópico tbm tive esse problema ^^

http://forum.imasters.com.br/index.php?showtopic=247766

 

utilize display:block; e não use width:; comigo funcionou porem você não pode aplicar FLOAT:; q se não

o DISPLAY:block; não terá o efeito certo

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