posizionamento di un modulo nella home page

[caravaggio]

Salve a tutti, vorrei poter posizionare dei moduli alla base della pagina di modo che esista spazio vuote tra l'header ed il fondo pagina come qui:
http://www.tomwiscombe.com/


se installo i moduli in una qualunque posizione, lo spazio tra il logo ed i moduli viene annullato. Come posso fare?
ho provato ad utilizzare il modulo custom-CSS aggiungendo margin-top al modulo in questione ma ho problemi di renderizzazione su IE. (uso Joomla 3 ma credo che valga per qualunque versione di joomla)


grazie in anticipo,
Davide

[Peppe-73]

Io alla base della pagina vedo 4 moduli il centro della pagina e vuota, non so se e voluto ma e tutto spostato a sinistra il sito

[caravaggio]

a me interessa creare quello spazio vuoto al centro e fare in modo che i 4 moduli appaiano sempre in basso.


Se mi limito ad installare quei moduli sul template di joomla, in automatico quello spazio vuoto che vorrei ricreare viene compresso e pertanto i moduli risultano molto attaccati all'header.


esiste la possibilità di fare in modo che, indipendenemente dalla risoluzione grafica dello schermo, quei 4moduli appaiano in basso?

[sasarella]

Hai guardato con Firebug il sito che hai postato?
Quello che ha progettato il sito ha messo due blocchi, per ogni blocco due rettangoli.
Ad ogni blocco ha dato la caratteristica "vertical-align: bottom"

.card1_2 {
    background-image: url("images/card1.png");
    background-repeat: no-repeat;
    float: left;
    height: 145px;
    margin: 0;
    padding: 0 0 10px 10px;
    position: relative;
    vertical-align: bottom;
    width: 499px;
    z-index:2;
}



.card1_2 {
    background-image: url("images/card1.png");
    background-repeat: no-repeat;
    float: left;
    height: 145px;
    margin: 0;
    padding: 0 0 10px 10px;
    position: relative;
    vertical-align: bottom;
    width: 499px;}

[Peppe-73]

la posizione e il footter, nel modulo nella opzione " posizione  scrivi " footer " sempre che il template abbia tali parametri integrati, se non lo predispone non potrai metterli, a meno che sai smanettare di codice e modifichi il CSS aggiungendo il codice che serve

[caravaggio]

ho provato ad utilizzare vetical-align:bottom ma senza risultato


questo uno screenshot della bozza cui sto lavorando:
http://www.webpagescreenshot.info/img/60276-312201371646PM


il template (shape5-vertex) mi permette di posizionare sulla stessa linea sino a 6 moduli in orizzontale (6 posizioni orizzontali diverse).


dovrei inserire qualcosa nel php? (allego php della posizione in oggetto)

Codice: [Seleziona]

<!-- Bottom Row1 -->   
      <?php if ($s5_pos_bottom_row1_1 == "published" || $s5_pos_bottom_row1_2 == "published" || $s5_pos_bottom_row1_3 == "published" || $s5_pos_bottom_row1_4 == "published" || $s5_pos_bottom_row1_5 == "published" || $s5_pos_bottom_row1_6 == "published") { ?>
         <div id="s5_bottom_row1_area1">
         <div id="s5_bottom_row1_area2">
         <div id="s5_bottom_row1_area_inner" class="s5_wrap">


            <div id="s5_bottom_row1_wrap">
               <div id="s5_bottom_row1">
               <div id="s5_bottom_row1_inner">
               
                  <?php if ($s5_pos_bottom_row1_1 == "published") { ?>
                     <div id="s5_pos_bottom_row1_1" class="s5_float_left" style="width:<?php echo $s5_pos_bottom_row1_1_width ?>%">
                        <?php s5_module_call('bottom_row1_1','round_box'); ?>
                     <>
                  <?php } ?>
                 
                  <?php if ($s5_pos_bottom_row1_2 == "published") { ?>
                     <div id="s5_pos_bottom_row1_2" class="s5_float_left" style="width:<?php echo $s5_pos_bottom_row1_2_width ?>%">
                        <?php s5_module_call('bottom_row1_2','round_box'); ?>
                     <>
                  <?php } ?>
                 
                  <?php if ($s5_pos_bottom_row1_3 == "published") { ?>
                     <div id="s5_pos_bottom_row1_3" class="s5_float_left" style="width:<?php echo $s5_pos_bottom_row1_3_width ?>%">
                        <?php s5_module_call('bottom_row1_3','round_box'); ?>
                     <>
                  <?php } ?>
                 
                  <?php if ($s5_pos_bottom_row1_4 == "published") { ?>
                     <div id="s5_pos_bottom_row1_4" class="s5_float_left" style="width:<?php echo $s5_pos_bottom_row1_4_width ?>%">
                        <?php s5_module_call('bottom_row1_4','round_box'); ?>
                     <>
                  <?php } ?>
                 
                  <?php if ($s5_pos_bottom_row1_5 == "published") { ?>
                     <div id="s5_pos_bottom_row1_5" class="s5_float_left" style="width:<?php echo $s5_pos_bottom_row1_5_width ?>%">
                        <?php s5_module_call('bottom_row1_5','round_box'); ?>
                     <>
                  <?php } ?>
                 
                  <?php if ($s5_pos_bottom_row1_6 == "published") { ?>
                     <div id="s5_pos_bottom_row1_6" class="s5_float_left" style="width:<?php echo $s5_pos_bottom_row1_6_width ?>%">
                        <?php s5_module_call('bottom_row1_6','round_box'); ?>
                     <>
                  <?php } ?>
                 
                  <div style="clear:both; height:0px"><>


               <>
               <>
            <>


[caravaggio]

la posizione e il footter, nel modulo nella opzione " posizione  scrivi " footer " sempre che il template abbia tali parametri integrati, se non lo predispone non potrai metterli, a meno che sai smanettare di codice e modifichi il CSS aggiungendo il codice che serve

la posizione footer esiste ma non risolve nel senso che anche inserendo il modulo li, non riesco a creare quello spazio vuot0.

[sasarella]

Puoi postare il tuo sito?
Sarai in locahost immagino.. :\

[caravaggio]

immagini bene

[sasarella]

Io credo che sia questione di css.. come vorrei smanettarci!!!! 

[caravaggio]

Codice: [Seleziona]

#s5_menu_wrap {display:none;}
.module_round_box {
background:#FFFFFF;
border:solid 1px #C5C5C5;
padding:20px;
padding-bottom:16px;
position: relative;
margin:0px;
vertical-align:bottom;
filter:alpha(opacity=60);opacity:.6;
color:black;}

questo è il codice CSS che ho inserito. se al posto di vertical align metto margin-top:220px; va bene su FF e chrome ma incasina (e ti pareva) su IE

[sasarella]

Cavolo.. vorrei aiutarti di più, ma senza poter smanettare con Firebug ho le mani legate!

[Peppe-73]

Mi spiace ma sui codici CSS non so darti un aiuto concreto, aspetta qualche utente più pratico