Back to top

Autore Topic: CSS problema altezza del layout con contenuti alti  (Letto 1681 volte)

Offline xpress

  • Appassionato
  • ***
  • Post: 416
    • Mostra profilo
CSS problema altezza del layout con contenuti alti
« il: 22 Ott 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]
Codice: [Seleziona]
</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>
« Ultima modifica: 22 Ott 2012, 11:48:03 da xpress »

Offline giusebos

  • Fuori controllo
  • *
  • Post: 21748
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
Re:CSS problema altezza del layout con contenuti alti
« Risposta #1 il: 22 Ott 2012, 11:13:00 »
per il codice meglio utilizzare i tag "code" anziche "quote"
su www.icagenda.it guide e tutorial con esempi di chronoforms e chronoconnectivity

Offline xpress

  • Appassionato
  • ***
  • Post: 416
    • Mostra profilo
Re:CSS problema altezza del layout con contenuti alti
« Risposta #2 il: 22 Ott 2012, 11:19:29 »
si l'ho fatto ma non mi teneva i < / div >
« Ultima modifica: 22 Ott 2012, 11:36:44 da xpress »

Offline giusebos

  • Fuori controllo
  • *
  • Post: 21748
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
Re:CSS problema altezza del layout con contenuti alti
« Risposta #3 il: 22 Ott 2012, 11:40:48 »
forse sbagli qualcosa?

--edit rimosso codice inutile--

« Ultima modifica: 22 Ott 2012, 11:59:08 da giusebos »
su www.icagenda.it guide e tutorial con esempi di chronoforms e chronoconnectivity

Offline xpress

  • Appassionato
  • ***
  • Post: 416
    • Mostra profilo
Re:CSS problema altezza del layout con contenuti alti
« Risposta #4 il: 22 Ott 2012, 11:46:15 »
no prova a scrivere < / div > senza spazi

Offline xpress

  • Appassionato
  • ***
  • Post: 416
    • Mostra profilo
Re:CSS problema altezza del layout con contenuti alti
« Risposta #5 il: 22 Ott 2012, 11:51:02 »
per la seconda volta riposto

Codice: [Seleziona]




<?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>



Offline giusebos

  • Fuori controllo
  • *
  • Post: 21748
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
Re:CSS problema altezza del layout con contenuti alti
« Risposta #6 il: 22 Ott 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 ]


« Ultima modifica: 22 Ott 2012, 12:57:55 da giusebos »
su www.icagenda.it guide e tutorial con esempi di chronoforms e chronoconnectivity

Offline giusebos

  • Fuori controllo
  • *
  • Post: 21748
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
Re:CSS problema altezza del layout con contenuti alti
« Risposta #7 il: 22 Ott 2012, 12:28:16 »
Codice: [Seleziona]
<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
su www.icagenda.it guide e tutorial con esempi di chronoforms e chronoconnectivity

Offline xpress

  • Appassionato
  • ***
  • Post: 416
    • Mostra profilo
Re:CSS problema altezza del layout con contenuti alti
« Risposta #8 il: 22 Ott 2012, 12:38:01 »
speriamo di no  :o

 



Web Design Bolzano Kreatif