Joomla.it Forum

Joomla! 2.5 (versione con supporto terminato) => Joomla! 1.6/1.7/2.5 => I Template di Joomla 1.6/1.7/2.5 => : xpress 22 Oct 2012, 10:54:42

: CSS problema altezza del layout con contenuti alti
: xpress 22 Oct 2012, 10:54:42
posto il codice del layout, c'č tutto anche i css insieme


come vedrete sia il menu a sx che il content che il piede, cioč tre tabelle div non proseguono in basso anche se ci sono contenuti
il layout lo sto creando io


(ps quando incollo su questo forum saltano alcune chiusure <>)

[/code]
:
</head>


<body>




<div align="center">
    <div id="totale">
   
   <div class="piede"><>
   
   
    <div class="menuuno"> 
   
      <div class="cella1"  >   <div id="mainmenu">
      <jdoc:include type="modules" name="menu01" style="xhtml"/>
      <><>






     
    <>
   
    <!--<div class="menudue"> -->
   
   
    <div class="cella2" style="empty-cells:hide;">
      <jdoc:include type="modules" name="menu02" style="xhtml"/>
      <div id="corpo">

<jdoc:include type="component"  />
<>
    <>
   






  <>
  <>










</body>
</html>
: Re:CSS problema altezza del layout con contenuti alti
: giusebos 22 Oct 2012, 11:13:00
per il codice meglio utilizzare i tag "code" anziche "quote"
: Re:CSS problema altezza del layout con contenuti alti
: xpress 22 Oct 2012, 11:19:29
si l'ho fatto ma non mi teneva i < / div >
: Re:CSS problema altezza del layout con contenuti alti
: giusebos 22 Oct 2012, 11:40:48
forse sbagli qualcosa?

--edit rimosso codice inutile--

: Re:CSS problema altezza del layout con contenuti alti
: xpress 22 Oct 2012, 11:46:15
no prova a scrivere < / div > senza spazi
: Re:CSS problema altezza del layout con contenuti alti
: xpress 22 Oct 2012, 11:51:02
per la seconda volta riposto

:




<?php 




   defined
'_JEXEC' ) or die( 'Restricted access' );


?>

<!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"  xml:lang="<?php echo $this->language?>" lang="<?php echo $this->language?>" >


<head>
<jdoc:include type="head" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/general.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/template.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/joomla.css" type="text/css" />


<script type="text/javascript" src="templates/<?php echo $this->template ?>/scripts/general.js"></script>


<?php 


   
include 'ie6warning.php';
   
?>



<style type="text/css">
<!--












.Stile1 {color: #E6E6E6}


#totale {
position:relative;
left: 0px;
width:300px;
/*background-color: #FF0000;*/
  min-width: 1000px;
  height: 600px;
 
}
.menuuno {
 float: left;
background-color:#666666;
  width: 180px;
  height: 600px;
 
}


.menudue {
 float: left;
background-color:#002222;
padding: 0px 0px 0px 0px ;
  width: 180px;
  height: 600px; 
 
 
}


#corpo {
float: left;


}




.piede {
clear: left;
background-color:#ffffff;
  width: 100%;
  height: 100px; 
  position:absolute;
left:0px;
top:380px;


}




.cella1 {


vertical-align:top;
empty:hide;
background-color:#666666;


}




.cella2 {
empty-cells:hide;
}






#mainmenu
{
font-family: Avenir,Verdana, Arial, Helvetica, sans-serif;   
   width: 180px;
   height: 350px;
   padding: 20px 0px 0px 0px;
   text-align: right;
   font-size: 11px;
   font-weight: normal;
   text-transform: uppercase;
}


#mainmenu ul
{


   list-style: none;
}


#mainmenu li
{
   padding: 8px 3px 0px 0px;
}


#mainmenu li a
{
font-family: Avenir,Verdana, Arial, Helvetica, sans-serif;   


   height: 13px;
   display: block;   
   padding: 0px 0px 0px 0px;
   color: #EEE;   
   border: none;
}


#mainmenu li a:hover, #mainmenu li.active a
{


   height: 13px;
   border: none;
   padding: 0px 0px 0px 0px;
   background: #B70006;
   background-repeat: no-repeat;
   background-position: top;
}




</style>


<!--<script language="javascript"> -->










</head>


<body>




<div align="center">
    <div id="totale">
   
   <div class="piede"><>
   
   
    <div class="menuuno"> 
   
      <div class="cella1"  >   <div id="mainmenu">
      <jdoc:include type="modules" name="menu01" style="xhtml"/>
      <><>






     
    <>
   
    <!--<div class="menudue"> -->
   
   
    <div class="cella2" style="empty-cells:hide;">
      <jdoc:include type="modules" name="menu02" style="xhtml"/>
      <div id="corpo">
   
         <jdoc:include type="component"  />
<>
    <>
   






  <>
  <>










</body>
</html>


: Re:CSS problema altezza del layout con contenuti alti
: giusebos 22 Oct 2012, 12:01:25


Sicuramente sbagli qualcosa, questo codice rimane esattamente come deve essere.

[ code ]qui il tuo codice, i tag sono con gli spazi per farti vedere come dovrebbe essere[ /code ]


: Re:CSS problema altezza del layout con contenuti alti
: giusebos 22 Oct 2012, 12:28:16
:
<div>il mio codice</div>

<div id"prova">
la mia prova
</div>


mi pare che funzioni.....hai anche tu un pc infestato da fantasmi?  ;D
: Re:CSS problema altezza del layout con contenuti alti
: xpress 22 Oct 2012, 12:38:01
speriamo di no  :o