Ir para conteúdo

POWERED BY:

Arquivado

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

Kutxitxo

Div heights - Firefox e IE

Por , em Desenvolvimento frontend

Recommended Posts

Kutxitxo    0

Kutxitxo
Postado

Olá, comecei a trabalhar com css a pouco tempo, e estou fazendo um blog para meu pai e estou tendo problemas com height d algumas divs, ja procurei em foruns e tentei solucoes, mas nada funcionou.

 

http://ailton-coelho.blogspot.com/

 

1ª duvida - No IE o conteudo aumenta e o rodape acompanha, ja no Firefox não, podem fazer o teste. Gostaria de saber como solucionar o problema.

pois está assim:

 

<div id="geral" align="center">
	<div id="cabecalho">
	</div>
	<div id="geral2">
		  <div id="conteudo">
		</div>
		<div id="barralateral">
		 </div>
	</div>
	<div id="rodape">
	</div>
</div>

2ª duvida - Como faco para a div barralateral crescer junto com a conteudo, pois quero que a borda tracejada acompanhe.

 

Ainda estou fazendo o site, entao o codigo ainda n está bem organizado e tals...

 

Código do Blog:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:include data='blog' name='all-head-content'/>
	<title><data:blog.pageTitle/></title>
	<b:skin><![CDATA[/*]]></b:skin>
<style type="text/css">
#preto { 
	width:100%;
	height:85px;
	left:0px;
	top:0px;
	background-color:#000000;
	
}
#cabecalho {
	vertical-align: baseline;
	width:800px;
	border:0;
	margin:0;
	padding:0;
	outline:0;
}
#geral2 {
	vertical-align: baseline;
	background-image:url(http://www.seesolucoes.com.br/blog/fundo.gif);
	background-repeat:repeat-y;
	height:300px;
	width:800px;
	position:relative;
	border:0;
	margin:0;
	padding:0;
	outline:0;
}
#rodape {
	vertical-align: baseline;
	background-image:url(http://www.seesolucoes.com.br/blog/rodape.gif);
	height:50px;
	width:800px;
	position:relative;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border:0;
	margin:0;
	padding:0;
	outline:0;
	clear:both;
}
#conteudo {
	width:560px;
	height:300px;
	position:relative;
	margin-left:14px;
	margin-right:5px;
	float:left;
	text-align:justify;
}
#barralateral {
	position:relative;
	float:left;
	width:200px;
	margin-left:5px;
	height:300px;
	border-left: 2px dashed #CC6600;
}
#perfil, #arquivo, #galeria {
	border-bottom:2px dashed #CC6600;
	padding-bottom:5px;
}
#perfil {
	font-size:11px;
	font:Verdana, Arial, Helvetica, sans-serif;
}
body {
	margin: 0px;
	background-color:#CC6600;
	color:#000000;
	font:x-small Georgia Serif;
	font-size/* */:/**/small;
	font-size: /**/small;
	text-align: center;
}

#geral {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	z-index:1;
}
h2.date-header {
  margin:1.5em 0 .5em;
  }

.post {
  margin:.5em 0 1.5em;
  border-bottom:1px dotted $bordercolor;
  padding-bottom:1.5em;
  }
.post h3 {
  margin:.25em 0 0;
  padding:0 0 4px;
  font-size:140%;
  font-weight:normal;
  line-height:1.4em;
  color:#CC6600;
}

.post h3 a, .post h3 a:visited, .post h3 strong {
  display:block;
  text-decoration:none;
  color:#CC6600;
  font-weight:normal;
}

.post h3 strong, .post h3 a:hover {
  color:#CC6600;
}

.post p {
  margin:0 0 .75em;
  line-height:1.6em;
}

.comment-link {
  margin-$startSide:.6em;
  }
.post img {
  padding:4px;
  border:1px solid #000000;
  }
.post blockquote {
  margin:1em 20px;
  }
.post blockquote p {
  margin:.75em 0;
  }
</style>
</head>

<body>

<div id="preto">
</div>
</body>
</html>

Obrigado desde já http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

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