Visualizzazione dei risultati da 1 a 10 su 10
  1. #1

    Posizione precisa del div nel monitor

    Salve a tutti, so che c'è una discussione come questa già aperta, ma la mia domanda è diversa.

    Ho la necessità di posizionare in verticale l'ultimo div (c'è ne sono altri, ognuno con la sua altezza) della pagina a una percentuale che non ho ancora scelto (70, 80) del monitor con qualsiasi risoluzione e zoom.
    Non riesco proprio!
    Grazie!!
    La risposta è dentro di te......che però è sbagliata!

  2. #2
    Utente di HTML.it
    Registrato dal
    Jan 2010
    residenza
    Pianeta Terra
    Messaggi
    1,614
    Puoi postare il codice o un link alla pagina, spiegando qual'è il contenitore (div) che vuoi posizionare per ultimo?

    Per una bella risata vai QUI

  3. #3
    ok, il div è "art-main"

    questo è il php
    Codice PHP:
    <head>
    <jdoc:include type="head" />
    <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/system/css/general.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/color1.css" type="text/css" />
    <!--[if IE 6]>
    <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/ie6.css" type="text/css" />
    <style type="text/css">
    img, div, a, input { behavior: url(<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/iepngfix.htc) }
    #search input.inputbox { behavior:none;}
    </style>
    <script src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/iepngfix_tilebg.js" type="text/javascript"></script>
    <![endif]-->
    <!--[if lte IE 7]>
    <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/ie67.css" type="text/css" />
    <![endif]-->
    <!--[if lte IE 8]>
    <style type="text/css">
    #search input.inputbox { behavior: url(<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/PIE.php) }
    </style>
    <![endif]-->
    <style type="text/css">
     #logo {
        width:<?php echo $logoWidth?>px;
     }
     #headerright {
        width:<?php echo $headerrightWidth?>px;
     } 
     #slideshow-container {
        width:<?php echo $pageWidth $outermargin $widthdiff?>px;
        height:<?php echo $imageHeight?>px;
     }
     #slideshow-container img { 
        width:<?php echo $imageWidth?>px; 
        height:<?php echo $imageHeight?>px;
     }
     #slcontrol {
        width:<?php echo $imageWidth?>px; 
        top:<?php echo $controlPosition?>%;
     }
     a#slprev {
        background: url("<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/previous-<?php echo $arrowColor?>.png") no-repeat scroll left center transparent;
     }
     a#slnext {
        background: url("<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/next-<?php echo $arrowColor?>.png") no-repeat scroll right center transparent;
     }
    </style>
    <script src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/verysimpleslideshow.js" type="text/javascript"></script>
    <?php if (($headerType == "1" || $headerType == "3") && $frontpagediv == "1") : ?>
    <script type="text/javascript">
    window.addEvent('domready',function() {
        var slideshow = new VerySimpleSlideshow({
            container: 'slideshow-container',
            elements: '#slideshow-container img',
            showControls: <?php echo $showControl?>,
            transDelay: <?php echo $delay?>,
            transDuration: <?php echo $duration?>
        });
        slideshow.start();  
    });
    </script>
    <?php endif; ?>
    </head>
    <body>

    <div>
        <jdoc:include type="modules" name="extrobgs" />
    </div>

    <div id="peppe">
        <div id="allwrap" class="gainlayout" align="center">
            <div id="header" class="gainlayout" style="width:<?php echo $pageWidth $outermargin?>px;">   
                <div id="logo" class="gainlayout">
                     <h2>[url="index.php"][img]/ACME/templates/a4joomla-contrast-free/images/logo.png[/img]    [/url]</h2>
                </div>
          
        
                <div class="clr">
                </div>


                <div id="topmenuwrap" class="gainlayout">
                      <?php if($this->countModules('position-1')) : ?>
                     <div id="topmenu" class="gainlayout">
                       <jdoc:include type="modules" name="position-1" style="xhtml" />
                           <div class="clr"></div>
                     </div> 
                      <?php endif; ?>
                      <div class="clr">
                    </div>
                </div>
            </div>
        </div>

        
        
    </div>
        <div id="wrap" class="gainlayout"> 

        </div>

    <div id="art-main">    
        <div id="footerwrap" class="gainlayout" style="width:<?php echo $pageWidth $outermargin?>px;">
            <div id="footerwrap1" class="gainlayout"> 
                  <table width="100%">
                    <tr>
                            <td id="componenti"><?php if($this->countModules('position-2')) : ?>
                  <div id="pathway" class="gainlayout">
                    <jdoc:include type="modules" name="position-2" />
                      <div class="clr"></div>
                  </div>
                  <?php endif; ?> 
                  <div id="cbody" class="gainlayout" style="width:<?php echo $pageWidth $outermargin?>px;">
                     <?php if($showLeftColumn) : ?>
                      <div id="sidebar" style="width:<?php echo $leftColumnWidth?>px;">     
                          <jdoc:include type="modules" name="position-7" style="xhtml" />    
                      </div>
                      <?php endif; ?>
                      <div id="content60" style="width:<?php echo $contentWidth?>px;">    
                          <div id="content" class="gainlayout">
                            <jdoc:include type="message" />
                            <jdoc:include type="component" /> 
                          </div> 
                      </div>
                      <?php if($showRightColumn) : ?>
                      <div id="sidebar-2" style="width:<?php echo $rightColumnWidth?>px;">     
                          <jdoc:include type="modules" name="position-6" style="xhtml" />     
                      </div>
                      <?php endif; ?>
                      </td>
                      </tr>
                </table>
                  </div>
              </div>
        
        
        

            <div id="footerwrap" class="gainlayout" style="width:<?php echo $pageWidth $outermargin?>px;"> 
                  <div id="footer" class="gainlayout">  
                <table width="100%">
                    <tr><td id="basso">
                    <table width="100%"><tr>
                            <td id="basso1"><?php if($this->countModules('position-14')) : ?>    
                             <jdoc:include type="modules" name="position-14" style="xhtml" />    
                               <?php endif; ?>
                        </td>
                        <td id="basso2"><?php if($this->countModules('position-15')) : ?>    
                             <jdoc:include type="modules" name="position-15" style="xhtml" />    
                               <?php endif; ?>
                        </td>
                        <td id="basso3"><?php if($this->countModules('position-9')) : ?>    
                             <jdoc:include type="modules" name="position-9" style="xhtml" />    
                               <?php endif; ?>
                        </td>
                      </tr></table></td></tr>
                </table>
                </div>
                  <div id="a4j">Sito realizzato da [url="http://webelios.com/"]WebElios[/url]
                </div>  
            </div>
        </div>
    </div>
    </body>
    La risposta è dentro di te......che però è sbagliata!

  4. #4
    e questo è il css
    codice:
    
    
    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, font, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td {
    	padding: 0;
    	border: 0;
    	outline: 0;
    	font-size: 100%;
    	vertical-align: baseline;
    	margin-top: 0px;
    	margin-right: 0;
    	margin-bottom: 0;
    	margin-left: 0;/*	background: transparent; */
    }
    /*
    body {
    	line-height: 1;
    }
    
    ol, ul {
    	list-style: none;
    }
    */
    blockquote, q {
    	quotes: none;
    }
    blockquote:before, blockquote:after,
    q:before, q:after {
    	content: '';
    	content: none;
    }
    
    /* remember to define focus styles! */
    :focus {
    	outline: 0;
    }
    
    /* remember to highlight inserts somehow! */
    ins {
    	text-decoration: none;
    }
    del {
    	text-decoration: line-through;
    }
    
    html body span.clr,
    html body div.clr,
    html body li.clr,
    html body dd.clr {background: none;border: 0;clear: both;display: block;float: none;font-size: 0;list-style: none;margin: 0;padding: 0;overflow: hidden;visibility: hidden;width: 0;height: 0;}
    /*----------------------------------------------------- */
    body {
    	text-align:center;
    	font-size:76%;
    	font-family: billyargel, Arial, Helvetica, sans-serif;
    	line-height:1.5;
    	margin:0;
    	padding:0;
    	height: 100%;
    }
    #allwrap {
    	padding: 0;
    	margin-top: 0px;
    	margin-right: auto;
    	margin-bottom: 0;
    	margin-left: auto;
    	width: 100%;
    	height:85px;
      	overflow: visible;
      	position: relative;
    }
    #art-main
    {
    	background: #FFFFFF;
    	margin: 0 auto;
    	font-size: 13px;
    	font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    	font-weight: normal;
    	font-style: normal;
    	position: relative;
    	width: 100%;
    	min-height: 100%;
    	left: 0;
    	top: 0;
    	cursor: default;
    	overflow: hidden;
    	height: 100%;
    	height: auto !important;
    	margin: 0 auto -142px; /* the bottom margin is the negative value of the footer's height */
    }
    #peppe{
    	position: relative;
    }
    #footerwrap1 {
    	margin-top: 0px;
    	margin-right: auto;
    	margin-bottom: 0;
    	margin-left: auto;
    	padding-top: 0;
    	padding-right: 0;
    	padding-bottom: 0;
    	padding-left: 0;
    	position: relative;
    }
    #footerwrap {
    	margin-top: 0;
    	margin-right: auto;
    	margin-bottom: 0;
    	margin-left: auto;
    	padding-top: 0;
    	padding-right: 0;
    	padding-bottom: 0;
    	padding-left: 0;
    }
    #componenti {
    	background-color: #fff;
    	background-image: url(../images/blank.gif);
    }
    #basso {
    	height: 10px;
    	margin-top: 10px;
    	margin-bottom: 10px;
    	margin-right: 0px;
    	margin-left: 0px;
    	padding-top: 10px;
    	padding-right: 20px;
    	padding-bottom: 20px;
    	padding-left: 10px;
    	border-top-width: thin;
    	border-top-style: dashed;
    	border-top-color: #000000;
    }
    #basso1 {
    	height: 130px;
    	margin-top: 10px;
    	margin-bottom: 10px;
    	margin-right: 0px;
    	margin-left: 0px;
    	padding-top: 10px;
    	padding-right: 20px;
    	padding-bottom: 20px;
    	padding-left: 10px;
    	border-right-width: thin;
    	border-right-style: dashed;
    	border-right-color: #000000;
    }
    #basso2 {
    	height: 130px;
    	margin-top: 10px;
    	margin-bottom: 10px;
    	margin-right: 0px;
    	margin-left: 0px;
    	padding-top: 10px;
    	padding-right: 20px;
    	padding-bottom: 20px;
    	padding-left: 10px;
    	border-right-width: thin;
    	border-right-style: dashed;
    	border-right-color: #000000;
    }
    #basso3 {
    	height: 130px;
    	margin-top: 10px;
    	margin-bottom: 10px;
    	margin-right: 0px;
    	margin-left: 0px;
    	padding-top: 10px;
    	padding-right: 20px;
    	padding-bottom: 20px;
    	padding-left: 10px;
    }
    #pathway {
    	font-family: billyargel, Arial, Helvetica, sans-serif;
    	text-align: left;
    	font-size: 11px;
    	font-weight: normal;
    	margin-top: 0px;
    	margin-right: 40px;
    	margin-bottom: -25px;
    	margin-left: 40px;
    	padding: 0;
    }
    #topmenuwrap {
    	position: relative;
    	height:0px;
    	z-index:2000;
    	margin-top: -5px;
    	margin-right: 40px;
    	margin-bottom: 0px;
    	margin-left: 40px;
    	padding: 0;
    	float: right;
    }
    #topmenu {
    	text-align: center;
    	margin: 0px 0 0 0;
    	padding: 0;
    	font-family: billyargel, Arial, Helvetica, sans-serif;
    	font-weight: normal;
    	font-size: 15px;
    	height:0px;
    	position: relative;
    	z-index:1000;
    }
    #header {
    	margin: 0 60px;
    	padding: 0;
    	height: 0px;
    	position: relative;
    	z-index:2000;
    }
    #logo {
    	text-align: left;
    	float: left;
    	display: inline;
    	height: 80px;
    	width: 260px;
    	margin-top: -25px;
    	margin-right: 20px;
    	margin-bottom: 0;
    	margin-left: 0px;
    	padding-top: 10px;
    	padding-right: 0px;
    	padding-bottom: 0px;
    	padding-left: 160px;
    }
    #headerright {
      float: right;
      display: inline;
      width: 0px;
      height: 0px;
      margin: 0;
      padding: 0;
    }
    #hsocial {
      position: relative;
      margin: 0px 0 0 0;
      padding: 0;
    }
    a.mytwitter {
    	float: right;
    	display: inline;
    	margin: 0px 5px 0 0;
    	padding: 0px;
    }
    a.myfacebook {
    	float: right;
    	display: inline;
    	margin: 0px 5px 0 0;
    	padding: 0px;
    }
    a.myfeed {
    	float: right;
    	display: inline;
    	margin: 0px 5px 0 0;
    	padding: 0px;
    }
    a.mygoogle {
    	float: right;
    	display: inline;
    	margin: 0px 5px 0 0;
    	padding: 0px;
    }
    a.myyoutube {
    	float: right;
    	display: inline;
    	margin: 0px 5px 0 0;
    	padding: 0px;
    }
    #search {
        display: inline;
        float: right;
    	width: 190px;
    	margin: 0px 0 0 0;
    	padding: 0px;
    }
    #search input.button {
        margin: 0px 0 0 0px;
    	padding: 0px 4px;
    	height: 32px;
    	font-size: 12px;
    	line-height: 18px;
    }
    #search input.inputbox {
        margin: 0px 0 0 0px;
    	padding: 0 20px 0 5px;
    	height: 30px;
    	line-height: 30px;
    	width: 160px;
    	font-size: 12px;
    }
    #search div.search {
      background: none;
      padding: 0;
      margin:0;
    }
    #search div.search label {
      display:none;
    }
    #wrap {
    	text-align:left;
    	margin-top: 0;
    	margin-right: 0px;
    	margin-left: 0px;
    	padding-top: 0px;
    	padding-right: 0;
    	padding-bottom: 20px;
    	height: 550px;
    	position: fissa;
    }
    #cbody {
    	margin: 0;
    	padding-top: 20px;
    	padding-right: 0;
    	padding-bottom: 0;
    	padding-left: 0;
    }
    #content60 {
    float:left;
    display: inline;
    width:560px;
    padding: 0;
    margin: 0px 20px 0 20px;
    }
    #content {
    	padding: 0 0px 10px 0px;
    	border-left: 0px solid #ddd;
        border-right: 0px solid #ddd;
    }
    #footer {
    	font:0.9em billyargel, Arial,Helvetica,sans-serif;
    	text-align: center;
    	position:relative;
    	margin-top: 0;
    	margin-right: 20px;
    	margin-bottom: 0;
    	margin-left: 20px;
    	padding-top: 20px;
    	padding-right: 0;
    	padding-bottom: 20px;
    	padding-left: 0;
    }
    #sidebar {
    float:left;
    display: inline;
    width:200px;
    padding: 2px 0 0 0;
    margin: 0 20px 0 20px;
    }
    #sidebar-2 {
    float:left;
    display: inline;
    width:200px;
    padding: 2px 0 0 0;
    margin: 0 20px 0 20px;
    }
    #slideshow-mod {
    padding: 0;
    margin: 0px 0 0 0;
    }
    h1,h2,h3,h4,h5,h6,p,blockquote,dl,address {
    margin:0.5em 0;
    }
    fieldset{
    margin: 0.5em 0;
    padding: 0.5em 10px;
    }
    form{
    margin: 0;
    }
    ul, ol {
    margin: 0 0 0 1em;
    padding: 0 0 0 1em;
    list-style-position: outside;
    }
    li,dd {
    margin-left:0em;
    padding-left:0;
    }
    a {
    text-decoration:none;
    }
    a:hover {
    text-decoration:underline;
    }
    h1 {
    	font-size:22px;
    	font-family: "Times New Roman", Times, serif;
    	text-transform: uppercase;
    	letter-spacing: 2px;
    	margin: 3px 0 10px 0;
    	text-align: left;
    	font-weight:normal;
    }
    h2 {
    font-size:18px;
    line-height: 1.3;
    font-family: billyargel, Arial, Helvetica, sans-serif;
    letter-spacing: 0px;
    font-weight: normal;
    text-align: left;
    }
    
    #logo h2 {
      line-height: 1.1;
    	font-size: 44px;
    	font-family:  "Courier New", "Georgia", serif;
    	font-weight: bold;
    	letter-spacing: 0px;
    	margin: 30px 0 0 0px;
    	padding: 0;
    }
    h3 {
    font-size:1.15em;
    font-weight: bold;
    font-family: billyargel, Arial, Helvetica, sans-serif;
    text-align: left;
    }
    #logo h3 {
    	font-size: 11px;
    	font-family: Verdana, billyargel, Arial, Helvetica, sans-serif;
    	font-weight: normal;
    	font-style: normal;
    	letter-spacing: 0px;
    	margin: -10px 0 0 0px;
    	padding: 0;
    }
    h4 {
    font-size:1.1em;
    font-weight: bold;
    font-family: billyargel, Arial, Helvetica, sans-serif;
    text-align: left;
    }
    h5 {
    font-size:1.1em;
    font-weight: normal;
    font-family: billyargel, Arial, Helvetica, sans-serif;
    text-align: left;
    }
    h6 {
    font-size:1em;
    font-weight: normal;
    font-family: billyargel, Arial, Helvetica, sans-serif;
    text-align: left;
    }
    
    #a4j {
        font-family: billyargel, Arial, Helvetica, sans-serif;
    	margin: 0 40px;
    	text-align: center;
    	font-size: 0.9em;
    	padding: 7px 0 10px 0;
    }
    /* ==== MODULES =======================================  */
    div.moduletable {
    margin-bottom:30px;
    border:0px #CCC solid;
    padding: 0px 0px 0px 0px;
    }
    div.moduletable h3 {
    font-family:  billyargel, Arial, Helvetica, sans-serif;
    text-align:left;
    font-size:14px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 0px;
    margin:0 0 0.5em 0;
    padding: 0.1em 0 0.1em 0;
    }
    /* ==== SIDEBAR MODULES =======================================  */
    #sidebar div.moduletable {
    margin-bottom:30px;
    padding: 0px 0px 0px 0px;
    }
    #sidebar div.moduletable h3 {
    font-family: billyargel, Arial, Helvetica, sans-serif;
    text-align:left;
    font-size:15px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 0px;
    margin:0 0 0.5em 0;
    padding: 0.1em 0 0.15em 0;
    }
    /* ==== SIDEBAR2 MODULES =======================================  */
    #sidebar-2 div.moduletable {
    margin-bottom:30px;
    padding: 0px 0px 0px 0px;
    }
    #sidebar-2 div.moduletable h3 {
    font-family: billyargel, Arial, Helvetica, sans-serif;
    text-align:left;
    font-size:15px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 0px;
    margin:0 0 0.5em 0;
    padding: 0.1em 0 0.15em 0;
    }
    /* ======= FOOTER =======================  */
    #footer div.moduletable {
    padding: 0 0 0px 0;
    margin-bottom: 0;
    }
    #footer div.moduletable h3 {
      display:none;
    }
    /* ======= SEARCH =======================  */
    #search .moduletable {
      margin: 0px 0 0 0;
      padding: 0 0px 0 0;
      float: right;
    }
    #search .moduletable h3{
      display:none;
    }
    /* ======= Topmenu =========== */
    #topmenu div.moduletable h3{
    	display:none;
    }
    #topmenu .moduletable {
    margin: 0 0px 0 0;
    padding: 0;
    float: left;
    }
    #topmenu .menu {
    	list-style: none;
    	font-family: billyargel, Arial, Helvetica, sans-serif;
    	font-weight: normal;
    	font-size: 15px;
    	line-height: 20px;
    	letter-spacing: 0px;
    	margin: 0;
    	padding: 0;
    }
    #topmenu .menu li a {
    	display: block;
    	text-decoration: none;
    	font-size: 15px;
    	padding-top: 11px;
    	padding-right: 40px;
    	padding-bottom: 9px;
    	padding-left: 14px;
    }
    #topmenu .menu li {
        float: left;
    	padding: 0;
    }
    /* ======= SIDE MENUS ================================  */
    .moduletable_menu {
    padding: 0px 0px 5px 0px;
    margin-bottom:30px;
    }
    .moduletable_menu h3 {
    font-family: billyargel, Arial, Helvetica, sans-serif;
    text-align:left;
    font-size:15px;
    font-weight: bold;
    letter-spacing: 0px;
    margin:0 0 0.1em 0;
    padding: 0.1em 0 0.15em 0;
    }
    .moduletable_menu ul {
    list-style:none;
    margin:0;
    padding:0;
    }
    .moduletable_menu li {
    	border-bottom:0px solid #ccc;
    	padding: 14px 0 14px 0em;
    	margin:0;
    	letter-spacing:1px;
    	font-size:15px;
    }
    .moduletable_menu li a {
    	display:inline;
    	text-decoration:none;
    	padding: 0;
    }
    html>body .moduletable_menu li a {
    width:auto;
    }
    .moduletable_menu li ul {
    list-style-type: square;
    list-style-position: inside;
    }
    .moduletable_menu li ul li {
    	border-bottom:0px solid #ccc;
    	border-top:0px solid #ccc;
    	padding: 4px 0 2px 1em;
    	text-transform: none;
    	letter-spacing:0px;
    }
    .moduletable_menu li ul li a {
    	display:inline;
    	text-decoration:none;
    	padding: 0;
    }
    html>body .moduletable_menu li ul li a {
    width:auto;
    }
    .moduletable_menu li a:hover {
    
    }
    .moduletable_menu li.current>a {
    
    }
    /* ========== content ======================*/
    div#content p {
        text-align: justify;
    }
    a img {
        border: 0;
    }
    La risposta è dentro di te......che però è sbagliata!

  5. #5
    Utente di HTML.it
    Registrato dal
    Jan 2010
    residenza
    Pianeta Terra
    Messaggi
    1,614
    Per favore, solo il codice (.css/.html) inerente al problema.
    Per una bella risata vai QUI

  6. #6
    ops scusa
    html
    codice:
    <body> 
    
    <div> 
        <jdoc:include type="modules" name="extrobgs" /> 
    </div> 
    
    <div id="peppe"> 
        <div id="allwrap" class="gainlayout" align="center"> 
            <div id="header" class="gainlayout" style="width:<?php echo $pageWidth + $outermargin; ?>px;">    
                <div id="logo" class="gainlayout"> 
                     <h2>[img]/ACME/templates/a4joomla-contrast-free/images/logo.png[/img]    </h2> 
                </div> 
           
         
                <div class="clr"> 
                </div> 
    
    
                <div id="topmenuwrap" class="gainlayout"> 
                      <?php if($this->countModules('position-1')) : ?> 
                     <div id="topmenu" class="gainlayout"> 
                       <jdoc:include type="modules" name="position-1" style="xhtml" /> 
                           <div class="clr"></div> 
                     </div>  
                      <?php endif; ?> 
                      <div class="clr"> 
                    </div> 
                </div> 
            </div> 
        </div> 
    
         
         
    </div> 
        <div id="wrap" class="gainlayout">  
    
        </div> 
    
    <div id="art-main">     
        <div id="footerwrap" class="gainlayout" style="width:<?php echo $pageWidth + $outermargin; ?>px;"> 
            <div id="footerwrap1" class="gainlayout">  
                  <table width="100%"> 
                    <tr> 
                            <td id="componenti"><?php if($this->countModules('position-2')) : ?> 
                  <div id="pathway" class="gainlayout"> 
                    <jdoc:include type="modules" name="position-2" /> 
                      <div class="clr"></div> 
                  </div> 
                  <?php endif; ?>  
                  <div id="cbody" class="gainlayout" style="width:<?php echo $pageWidth + $outermargin; ?>px;"> 
                     <?php if($showLeftColumn) : ?> 
                      <div id="sidebar" style="width:<?php echo $leftColumnWidth; ?>px;">      
                          <jdoc:include type="modules" name="position-7" style="xhtml" />     
                      </div> 
                      <?php endif; ?> 
                      <div id="content60" style="width:<?php echo $contentWidth; ?>px;">     
                          <div id="content" class="gainlayout"> 
                            <jdoc:include type="message" /> 
                            <jdoc:include type="component" />  
                          </div>  
                      </div> 
                      <?php if($showRightColumn) : ?> 
                      <div id="sidebar-2" style="width:<?php echo $rightColumnWidth; ?>px;">      
                          <jdoc:include type="modules" name="position-6" style="xhtml" />      
                      </div> 
                      <?php endif; ?> 
                      </td> 
                      </tr> 
                </table> 
                  </div> 
              </div> 
         
         
         
    
            <div id="footerwrap" class="gainlayout" style="width:<?php echo $pageWidth + $outermargin; ?>px;">  
                  <div id="footer" class="gainlayout">   
                <table width="100%"> 
                    <tr><td id="basso"> 
                    <table width="100%"><tr> 
                            <td id="basso1"><?php if($this->countModules('position-14')) : ?>     
                             <jdoc:include type="modules" name="position-14" style="xhtml" />     
                               <?php endif; ?> 
                        </td> 
                        <td id="basso2"><?php if($this->countModules('position-15')) : ?>     
                             <jdoc:include type="modules" name="position-15" style="xhtml" />     
                               <?php endif; ?> 
                        </td> 
                        <td id="basso3"><?php if($this->countModules('position-9')) : ?>     
                             <jdoc:include type="modules" name="position-9" style="xhtml" />     
                               <?php endif; ?> 
                        </td> 
                      </tr></table></td></tr> 
                </table> 
                </div> 
                  <div id="a4j">Sito realizzato da WebElios 
                </div>   
            </div> 
        </div> 
    </div> 
    </body>
    e css
    codice:
    body {
    	text-align:center;
    	font-size:76%;
    	font-family: billyargel, Arial, Helvetica, sans-serif;
    	line-height:1.5;
    	margin:0;
    	padding:0;
    	height: 100%;
    }
    #allwrap {
    	padding: 0;
    	margin-top: 0px;
    	margin-right: auto;
    	margin-bottom: 0;
    	margin-left: auto;
    	width: 100%;
    	height:85px;
      	overflow: visible;
      	position: relative;
    }
    #art-main
    {
    	background: #FFFFFF;
    	margin: 0 auto;
    	font-size: 13px;
    	font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    	font-weight: normal;
    	font-style: normal;
    	position: relative;
    	width: 100%;
    	min-height: 100%;
    	left: 0;
    	top: 0;
    	cursor: default;
    	overflow: hidden;
    	height: 100%;
    	height: auto !important;
    	margin: 0 auto -142px; /* the bottom margin is the negative value of the footer's height */
    }
    #peppe{
    	position: relative;
    }
    La risposta è dentro di te......che però è sbagliata!

  7. #7
    Utente di HTML.it
    Registrato dal
    Jan 2010
    residenza
    Pianeta Terra
    Messaggi
    1,614
    Ancora non ci capisco nulla di tutto questo casino postato.

    Ma sparando un pò alla cieca, non puoi fare una cosa del genere:

    codice:
    <html>
    <head>
    <style>
    html,
    body {
       margin:0;
       padding:0;
       height:100%;
    }
    #container {
       min-height:70%; /*imposta l'altezza come vuoi*/
       position:relative;
    background-color:yellow;
    }
    #header {
       padding:10px;
       height:72px;
    background-color:green;
    }
    #body {
       padding:10px;
       padding-bottom:72px;  
    }
    #footer {
       position:absolute;
       bottom:0;
       width:100%;
       height:72px;  
    background-color:red;
    }
    
    </style>
    </head>
    <body>
    
    <div id="container">
       <div id="header"></div>
       <div id="body"></div>
       <div id="footer"></div>
    </div>
    </body>
    </html>
    e il resto infili dentro il #body.
    Per una bella risata vai QUI

  8. #8
    scusa se ho infilato tutta quella roba, ma non avevo capito e poi non so più dove sbattere la testa.
    Più tardi provo la tua soluzione, grazie!
    La risposta è dentro di te......che però è sbagliata!

  9. #9
    Mi rendo conto di non essere stato per niente chiaro.
    Vi posto un immagine
    img
    La mia necessità è rendere fisso quel bordo segnato in rosso in una posizione chiara del monitor a prescindere dallo zoom

    Spero di aver pulito abbastanza il codice: (abbiate pazienza)
    codice:
    <style>
    #art-main
    {
    	background: #FFFFFF;
    	margin: 0 auto;
    	font-size: 13px;
    	font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    	font-weight: normal;
    	font-style: normal;
    	position: relative;
    	width: 100%;
    	min-height: 100%;
    	left: 0;
    	top: 0;
    	cursor: default;
    	overflow: hidden;
    	height: 100%;
    	height: auto !important;
    	margin: 0 auto -142px; 
    }
    #peppe{
    	position: relative;
    }
    #footerwrap {
    	margin-top: 0;
    	margin-right: auto;
    	margin-bottom: 0;
    	margin-left: auto;
    	padding-top: 0;
    	padding-right: 0;
    	padding-bottom: 0;
    	padding-left: 0;
    }
    #allwrap {
    	padding: 0;
    	margin-top: 0px;
    	margin-right: auto;
    	margin-bottom: 0;
    	margin-left: auto;
    	width: 100%;
    	height:85px;
    	overflow: visible;
    	position: absolute;
    	background-image: url(../images/banner.png);
    	background-repeat: repeat-x;
    }
    </style>
    
    <body> 
    
    <div id="peppe"> 
        <div id="allwrap" class="gainlayout" align="center">
        </div> 
    </div>
    
    
    <div id="art-main">     
        <div id="footerwrap" class="gainlayout">
        </div> 
    </div> 
    </body>
    La risposta è dentro di te......che però è sbagliata!

  10. #10
    Utente di HTML.it
    Registrato dal
    Jan 2010
    residenza
    Pianeta Terra
    Messaggi
    1,614
    Rendere fisso un bordo?
    Per una bella risata vai QUI

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.