DIV com altura da anterior

labp · Julho 19, 2007

Olá!Sou iniciante, e uso o framework Joomla.Quero que a div do menu ocupe a altura toda da DIV anterior, que é a div do conteúdo.Essa div do menu se limita ao espaço do que tem dentro dela, ou seja, ela se tiver uma imagem de altura 10px ela tera 10px, mas quero que ela vá até o final da página. Não posso botar a altura da div alterior pq essa div não tem altura fixa, ela muda de acordo com o conteúdo do site.simplificando:quero que a div seja da altura da anterior, sendo que a anterioro não tem altura fixa, é de acordo com o conteúdo da pagina.Muito ObrigadoLuis Pacheco

Leonardo P · Julho 19, 2007

height:inherit, assim ele 'herda' a altura do elemento pai... testa aí pra ver.

labp · Julho 19, 2007

não, continuou a mesma coisa, ela fica só até aonde vão os menus, não vai até o final da pagina, vou postar aqui o código php e css, mas como é joomla deve ser meio confuso...

php

<body class="bodies"> <div id="wrapper" align="center">	<div id="core" align="center">		<div id="header" >			<!--<?php mosLoadModules ( 'user7',-3 ); ?>			<br />-->			<a href="<?php echo $mosConfig_live_site;?>"></a><br />		</div> 					<div id="contentwrapper">			<?php if (mosCountModules( "banner" )) { ?>			<div id="bannerbox" ><?php mosLoadModules( "banner", -1 ); ?></div>			<?php } ?>			<div id="content">							<?php if (mosCountModules( "left" )) { ?>				<div id="leftsection">					<?php mosLoadModules ( 'left',-2 ); ?>				</div>				<?php } ?>				<?php if (mosCountModules( "left" )) { ?>				<div id="rightsection">				<?php } else {?>				<div id="rightsectionfull">				<?php } ?>					<?php if (mosCountModules( "right" )) { ?>					<div id="rightsectionbox">						<?php mosLoadModules ( 'right',-2 ); ?>					</div>					<?php }?>					<?php if (mosCountModules( "user1" )) { ?>					<?php if (mosCountModules( "right" )) { ?>					<div id="user1">					<?php }else { ?>					<div id="user1full">					<?php }?><?php mosLoadModules ( 'user1',-2 ); ?></div>					<div style="clear:left;"></div>					<?php }?>					<?php mosMainBody(); ?>							</div>				<div style="clear:both"></div>				<div id="contentbot" ></div>			</div><!-- end content -->	<?php if (mosCountModules('user4') || mosCountModules('user5')|| mosCountModules('user6') ) { ?>		<div id="modbottomwrapper">		<?php if (mosCountModules( "user4" )) { ?>		<div class="modbottom" style="width:<?php echo $modwidth; ?>; float:left;">		<?php mosLoadModules ( 'user4',-2 ); ?></div>		<?php } ?>		<?php if (mosCountModules( "user5" )) { ?>		<div class="modbottom" style="width:<?php echo $modwidth; ?>;float:left;">		<?php mosLoadModules ( 'user5',-2 ); ?></div>		<?php } ?>		<?php if (mosCountModules( "user6" )) { ?>		<div class="modbottom" style="width:<?php echo $modwidth; ?>;float:left;">		<?php mosLoadModules ( 'user6',-2); ?></div>		<?php } ?>		<div style="clear:both"></div>			</div><!-- end modbottomwrapper -->	<?php } ?>		</div><!-- end contentwrapper -->	</div><!-- core --></div> <!-- wrapper --><div style="clear:both;"></div>	<div id="footerwrapper" align="center">	<div align="center" class="style1" id="footer">	  <?php include_once('includes/footer.php'); ?>  </div></div></body>

css

/* Design by Anghus.com *//* #######################  GENERAL SETTINGS ############################ *//** customize colors here */#wrapper {	margin:auto 0px;	}#core {	width:812px;	margin:auto 0px;	margin-top:2px;}#menu {	height:16px;}	#menu div.moduletable {	background:none;	border:none;	margin-bottom:0px;	padding:0px;}#contentwrapper { 	padding:0px 20px 10px 20px;	background:url(../images/contentwbg.jpg) repeat-y center;}#content {	*width:772px;	background:url(../images/contentbg.jpg) top center repeat-x #FFFEF4;	text-align:left;}	/**#contentbot {	float:left;	padding-top:15px;	width:170px;	background:url(../images/contentbot.jpg) top left no-repeat;}**/#header {	height:227px;	background:url(../images/header.jpg) center top no-repeat;}/** This one for the banner box */#bannerbox {	background:url(../images/banner.jpg) center top no-repeat;	height:42px;}#leftsection { 	width:180px;	height:inherit;	background:#E8EEC6;	float:left;	border-left:1px solid #017F01;	border-right:1px solid #017F01;}#lefttop {	height:13px;	background:url(../images/modbg.jpg) top left repeat-x;}#righttop {	height:13px;	background:url(../images/modbg.jpg) top left repeat-x;}#rightsection {	width:580px;	float:right;	background:#FFFEF4;	height:inherit;}#rightsectionfull {	width:770px;	height:inherit;}#rightsectionbox {	width:180px;	height:inherit;	float:right;	background:#E8EEC6;	border-left:1px solid #017F01;	border-right:1px solid #017F01;}#user1 { 	width:390px;	float:left;}#user1full { 	width:100%;}#user1 div.moduletable h3 { 	text-align:left;	color: #017F01;	font-size:12px;	height:40px;	font-family:arial;	padding:7px 10px 2px 40px;	background:url(../images/user1h3.jpg) no-repeat;}	#user1 div.moduletable { 	text-align:left;	vertical-align:top;	width:100%;	margin-bottom:10px;	padding-bottom:15px;	background:url(../images/user1bg.jpg) bottom center no-repeat;}#user1 div.moduletable div{ 	text-align:left;	vertical-align:top;	font-size: 11px;	color:#333333;}#modbottomwrapper { 	border:1px solid #E9CCA2;	background:#949AB0;	margin-top:10px;	width:750px!important;	width:760px;	padding:10px;		}.modbottom { 	margin-right:10px;	}#modbottomwrapper div.moduletable h3 {	color:#FFFFFF;	background:none;	padding-left:0;}#footerwrapper {	margin:auto 0px;		}#footer {	background:url(../images/footerbg.jpg) bottom no-repeat;	padding:0px 10px 20px 10px;	width:812px;	}div#footer div {	font-size:11px;	line-height:11px;	text-align:center;	width:770px;	color:#909090;	font-family: Trebuchet MS,Arial,Verdana,Tahoma;} /* CSS Document *//* Editor Assigned Styles */p.rightalign {  text-align: right;}.red {   color: #949AB0;}.green {  color: #949AB0;}.highlight {	background-color: Yellow;	color: Blue;	padding: 0;}p.code {	background-color: #ddd;	border: 1px solid #bbb;}.small {	color: #999999;	font-size: 10px;}/* This implies for your main body, colors and font.  */body {	font-family: Arial, Helvetica, Sans Serif;	font-size: 12px;	color: #000000;	background: #ffffff;}ul{margin: 0;padding: 0;list-style: none;}li{}td {}a, a:link, a:visited {	color: #333333;	font-weight: bold;	text-decoration:none;	font-family: Verdana,Arial,Helvetica,sans-serif;}a:hover {	color: #007f00;	text-decoration:underline;	font-family: Verdana,Arial,Helvetica,sans-serif;}* {	margin:0;	padding:0;}/*general*/body {color:#4F3317;background:#FFFFFF;}.header {   background:#c0c0c0 url(../images/spacer.jpg) no-repeat;   width:100px;height:80px;}td,p,div,tr {	font-family:Trebuchet MS, Arial,Verdana,  Tahoma;	font-size:13px;	color:#000;	line-height:20px;	}a:link, a:visited{	color: #333333;	text-decoration: normal;	font-weight:bold;	font-family: Verdana,Arial,Helvetica,sans-serif;}a:hover{	color:#007f00;	text-decoration:normal;}form { 	display:inline;	margin:0; padding:0;}h1{	font-weight:normal;	font-size:20px;}h2{	font-weight:normal;	font-size:18px;}h3{	font-size:18px;}h4{	font-weight:normal;	font-size:16px;}h5{	font-weight:normal;	font-size:14px;}ul {}li {	margin-left:0px;}img {	border:none;}ol{	margin-left:40px;	list-style-position:inherit;}blockquote {	margin: 10px;}blockquote div {}pre {}/* This is for your menu and moduls */table.contenttoc{	margin:3px;	padding:3px;	text-align:left;}.contenttoc th{	background: url(../images/dot.jpg) repeat-x bottom left;	color:#000000;	font-weight:normal;	text-align:left;	border-bottom:1px solid #cccccc;}.contenttoc a {	padding-left:0;	font-weight:normal;	font-size:11px;	}table.contenttoc td {	text-align:left;	}.contentpane{	font-family:verdana,Trebuchet MS, Arial,Tahoma,  Helvetica, sans-serif;	text-align:left;	width:auto;	color:#F9E5BB;}.contentpaneopen ul { 	margin-left:20px;}.contentpane ul { 	margin-left:20px;}table.contentpaneopen, table.contentpane {}table.contentpaneopen li {	margin-left:40px;}.contentpaneopen fieldset{	width:100%;	border:none;}.contentpaneopen td{	text-align:left;	}.contentpaneopen td.buttonheading{	padding:0px;	margin:0px;}.contentdescription td{	width:100%;}li.latestnews  a {	padding-bottom:1px;	color:#000;	display:block;	border-bottom:1px solid #B4C100;	font-size:11px;	}li.latestnews a:hover {	color:#000;}li.latestnews a:visited{	color:#000;}ul.mostread  { 	font-weight:normal;	margin-left:25px;	margin-left:15px;  }li.mostread  a {	padding-bottom:1px;	color: #BD2421;	display:block;	border-bottom:1px solid #DADE85;	font-size:11px;	}li.mostread a:hover {	color: #CC6600;}li.mostread a:visited{	color: #999;}td.contentheading {	font-size:20px;	font-weight:normal;	font-family:Arial, Verdana,  Tahoma;	color: #000;}a.contentpagetitle {	font-weight:normal;	font-family:Arial, Verdana,  Tahoma;	color: #666666;	padding-top:2px;}a.contentpagetitle:hover{	color: #000000;}div.componentheading {	display: block;	margin-bottom:5px;	text-align:left;	color: #000;	font-weight:bold;	font-size:12px;	font-family:arial;	padding:4px 3px 2px 35px;	background:url(../images/titleh3.jpg) left top no-repeat;}a.category{ font-weight:normal;}td.createdate{	color:#333;	font-size:9px;	font-weight:normal;	height:10px;	text-transform:lowercase;	}td.modifydate{	color:#999999;	font-size:9px;	font-weight:normal;}span.small{	color: #999999;	font-size:10px;	font-weight:normal;}.highlight { 	background-color: #009900;	color:#F9E5BB;}.mosimage {	background:#FFFFFF;	margin:5px;	padding:5px;	border:1px #f3f3f3 solid;	}.mosimage_caption {	background: #E9CCA2;	padding:1px 2px;	color:#fff;	font-size:10px;}.contentpaneopen img {margin:5px;}.contentpane img { margin:5px;}a.mainlevel:link, a.mainlevel:visited {	display:block;	*width:140px;	padding-left:10px;	margin-right:15px;	padding-bottom:3px;	padding-top:3px;	vertical-align:middle;	font-weight:none;	text-align:left;	text-decoration:none;	border-bottom:#FDFDD9 1px solid;	font-size: 11px;	font-family: Verdana,Arial,Helvetica,sans-serif;	color: #333333;}a.mainlevel:hover {	background:#E2E1C2;	color: #007f00;	text-decoration: underline;}a.mainlevel#active_menu {	background:#E2E1C2;}a.mainlevel#active_menu:hover {}a.sublevel:link, a.sublevel:visited {	font-size:10px;	font-weight:normal;	padding-right:8px;}a.sublevel:hover {}#mod_login_username{width:100%;	height:20px;	width:120px;	margin:0px 10px 5px 0;	border: 1px solid #F0F0F0;	background:white;	font-size: 11px;	font-family: Verdana,Arial,Helvetica,sans-serif;	color: #333333;}#mod_login_username-2,#mod_login_username-1{	height:20px;	width:50px;	border:none;	border: 1px solid #A8A97B;	text-transform:lowercase;	font-size: 11px;	font-family: Verdana,Arial,Helvetica,sans-serif;	color: #333333;}#mod_login_password{	height:20px;	width:120px;	border:none;	border: 1px solid #F0F0F0;	margin:0px 10px 5px 0;	background:white;	font-size: 11px;	font-family: Verdana,Arial,Helvetica,sans-serif;	color: #333333;}#mod_login_password-2,#mod_login_password-1{	height:20px;	width:50px;	border:none;	border: 1px solid #A8A97B;	font-size: 11px;	font-family: Verdana,Arial,Helvetica,sans-serif;	color: #333333;}#mod_login_remember{	border:none;	background:none;	margin:0;}ul#mainlevel-nav {	   	list-style : none; 	font-size : 11px;	   } ul#mainlevel-nav li {	float : left;	font-size : 11px; 	font-weight : normal;	text-align : center; 	display : block;	background:none;	  } ul#mainlevel-nav li a {	display : block; 	padding-left : 5px; 	padding-right : 5px;	padding-top:0px; 	text-decoration : none; 	color: #009933;   } ul#mainlevel-nav li a:hover {	display : block; 	padding-left : 5px; 	padding-right : 5px;	text-decoration : underline; 	color: #000000;}.inputbox {	background:url(../images/bg_input.jpg);	border:1px solid #cccccc;	}#mod_login_remember{	border:none;	background:none;}div.moduletable #mod_search_searchword {width:157px!important;width:171px;}#mod_search_searchword {	font-size:12px;	border:1px solid #A8A97B;	background:#fff;	color:#666;	height:20px;}.button,.button-1,.button-2 { background: #EBF1CB;	color:#000;	font-size:11px;	border:1px solid #A3D119;	padding:1px;}.sectiontableheader {	font-weight:normal;	padding:4px;}.sectiontableentry1 td {	padding:3px;	/*background:url(../images/dot.jpg) repeat-x bottom left;*/	border-bottom:1px solid #999999;	border-top:1px solid #999999;}.sectiontableentry2 td{	padding-bottom:3px;	padding-left:3px;	padding-right:15px;	padding-top:3px;}.sectiontableentry1 {	padding:2px;}.sectiontableentry2 {	padding:2px;}.sectiontableentry1 label{	padding-left:5px;}.sectiontableentry2 label {	padding-left:5px;}ul.latestnews li{	padding:0px;	margin-left:0px;	color:#000;	text-align:left;}ul.latestnews  {margin-left:15px;  	color:#000;	font-weight:normal;}ul.latestnews a:hover {	color:#A3D119;}ul.mostread li{	padding:0px;	margin-left:0px;	color:#949AB0;	width:auto;	text-align:left;}.mostread a:visited{	color: #ccc;}.readon {	font-size:11px;	line-height:16px;	font-weight:normal;}.back_button a {	display:block;	text-align:right;	font-weight:normal; }.back_button a:hover { 	color: #009933;}.pagenav {	text-align: center;	color: #999999;}a.pagenav, a.pagenav:visited {	color:#666;}a.pagenav:hover {	color: #333333;	text-decoration:underline;}span.pathway { 	color:#F9E5BB;	}span.pathway a:link,span.pathway a:visited {  	color:#ccc; font-weight:bold;}div.moduletable {	text-align:center;	width:170px;	font-size: 11px;	color:#333333;	margin-bottom:10px;	padding-bottom:15px;	margin-left:5px;	margin-right:5px;	margin-top:0px;	background:url(../images/moduletablebg.jpg) bottom center no-repeat;}div.moduletable ul li.latestnews,div.moduletable ul li.mostread  {	line-height:16px!important;	line-height:13px;	padding-bottom:0px!important;	padding-bottom:2px;	}div.moduletable td {	text-align:left;	width:140px;	padding-left:15px;	margin-right:15px;	text-decoration:none;	font-weight:normal;	font-size: 11px;	font-family: Verdana,Arial,Helvetica,sans-serif;	color: #333333;;}div.moduletable h3 {	display: block;	text-align:left;	color: #017F01;	font-size:12px;	height:40px;	font-family:arial;	padding:7px 10px 2px 40px;	background:url(../images/moduletableh3.jpg) no-repeat;}.flexcontentitemnoticia h3{	border: 1px solid;	height: 25px;	font-size: 12px;}/* ###################### End TABBED EDITING ###################### */

o css ta meio bagunçado, pq eu to mudando esse template, e sou leigo, então to fazendo e desfazendo muitas coisas...

Muito obrigado pela ajuda!

webflex · Julho 19, 2007

Olá,Nossa Senhora, grande código.. Não tem o exemplo online só para visualizar-mos como ficaria?O código em si fica mesmo bastante confuso.Cumps \o/

labp · Julho 20, 2007

Olá!Muito obrigado pela ajuda!!Por ser no Joomla fica meio difícil pedir ajuda à vocês, e isso está me tomando muito tempo, vou adaptar o template para que não tenha esses problemas.Muito Obrigado!Luis Pacheco

André do Vale · Julho 20, 2007

O que seria Joomla???????me desculpe, é faço tudo meio "raçudo" e não conheço esses "frameworks" . ;-)

Guilherme Rambo · Julho 20, 2007

Que eu saiba é um CMS[]'s

Entrar

Arquivado

DIV com altura da anterior

Recommended Posts

labp 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Leonardo P 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

labp 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

webflex 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

labp 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

André do Vale 76

Compartilhar este post

Link para o post

Compartilhar em outros sites

Guilherme Rambo 4

Compartilhar este post

Link para o post

Compartilhar em outros sites

comando like (Mysql) no php

Alguém com pratica em subir site em codeigniter4 na Hostinger? Não consigo acessar o bd. Erro de Autenticação. O mesmo site funciona normal em outro servidor web.

mostrar quanto tempo foi postado um conteudo

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante