Autore Topic: problemi con DIV e con allineamento tabella (Letto 2835 volte)

akis182 · « **il:** 19 Ott 2008, 23:48:59 »

Salve a tutti.
La mia home è così realizzata:

Citazione

<html><?php
/**
* adventure mambo joomla template
* @version 1.0
* @package adventure template
* @copyright (C) 2005 joomladesigns.co.uk
* @Refer to the License conditions via www.mambodesign.co.uk
*/
defined( '_VALID_MOS' ) or die( 'Direct Access to this location is not allowed.' );
$iso = split( '=', _ISO );
echo '<?xml version="1.0" encoding="'. $iso[1] .'"?' .'>';
?> <!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"><head><?php if ( $my->id ) initEditor(); ?>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /><?php mosShowHead(); ?>
<link rel="stylesheet" type="text/css" href="<?php echo $GLOBALS['mosConfig_live_site']; ?>/templates/template_home/css/template_css.css" />

</head>
<body bgcolor="#FFFFFF">
<table width="981" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" id="Tabella_01">
   <tr>
      <td colspan="14">
         <img id="index_01" src="templates/template_altro/images/index_01.jpg" width="980" height="189" alt="" /></td>
      <td>
         <img src="templates/template_home/images/spaziatore.gif" width="1" height="189" alt="" /></td>
   </tr>
   <tr>
      <td colspan="4">
         <img id="index_02" src="templates/template_altro/images/index_02.jpg" width="194" height="36" alt="" /></td>
      <td>
         <img id="index_03" src="templates/template_altro/images/index_03.jpg" width="58" height="36" alt="" /></td>
      <td colspan="10" background="templates/template_altro/images/index_04.jpg"><div align="right"><span style="padding-left: 0px; padding-right: 0px">
        </span>
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="19%"> </td>
<td width="81%"><div id="menu_alti"><span style="padding-left: 0px; padding-right: 0px">
<?php mosLoadModules ( "orizz" ); ?>
</span></div></td>
</tr>
</table>
        </div></td>
         <img src="templates/template_altro/images/spaziatore.gif" width="1" height="36" alt="" /></td>
   </tr>
   <tr>
      <td colspan="5">
         <img id="index_05" src="templates/template_altro/images/index_05.jpg" width="252" height="41" alt="" /></td>
      <td colspan="10" background="templates/template_altro/images/index_06.jpg" bgcolor="#1A4F98"><div id="menu_alti2">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="137"> </td>
<td width="588"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="588"><span style="padding-left: 0px; padding-right: 0px">
<div style="float:left;"><?php mosLoadModules ( "orizz2" ); ?></div>

<div style="float:left;"><?php mosLoadModules ( "orizz3" ); ?></div>
</span></td>
</tr>
</table></td>
</tr>
</table>
     </div></td>
         <img src="templates/template_altro/images/spaziatore.gif" width="1" height="41" alt="" /></td>
   </tr>
   <tr>
      <td colspan="14" align="center" valign="top"><p><span style="padding-left: 0px; padding-right: 0px">
     <?php mosLoadModules ( "alto" ); ?>
     </span></p></td>
      <td>
         <img src="templates/template_altro/images/spaziatore.gif" width="1" height="138" alt="" /></td>
</tr>
   <tr>
      <td rowspan="5"> </td>
<td colspan="2" rowspan="2">
         <img id="index_09" src="templates/template_altro/images/index_09.jpg" width="33" height="51" alt="" /></td>
      <td colspan="3" rowspan="2">
         <img id="index_10" src="templates/template_altro/images/index_10.jpg" width="492" height="51" alt="" /></td>
      <td colspan="2" rowspan="2">
         <img id="index_11" src="templates/template_altro/images/index_11.jpg" width="30" height="51" alt="" /></td>
      <td rowspan="5"> </td>
<td colspan="2">
         <img id="index_13" src="templates/template_altro/images/index_13.jpg" width="35" height="50" alt="" /></td>
      <td>
         <img id="index_14" src="templates/template_altro/images/index_14.jpg" width="256" height="50" alt="" /></td>
      <td>
         <img id="index_15" src="templates/template_altro/images/index_15.jpg" width="23" height="50" alt="" /></td>
      <td rowspan="2">
         <img id="index_16" src="templates/template_altro/images/index_16.jpg" width="36" height="51" alt="" /></td>
      <td>
         <img src="templates/template_altro/images/spaziatore.gif" width="1" height="50" alt="" /></td>
   </tr>
   <tr>
      <td colspan="4" rowspan="2" align="center" valign="top" bgcolor="#EFEFF3"><span style="padding-left: 0px; padding-right: 0px">
        <?php mosLoadModules ( "lato" ); ?>
      </span></td>
<td>
         <img src="templates/template_altro/images/spaziatore.gif" width="1" height="1" alt="" /></td>
   </tr>
   <tr>
      <td rowspan="3"> </td>
      <td colspan="5" rowspan="3" align="center" valign="top"><span style="padding-left: 0px; padding-right: 0px">
        <?php mosMainBody(); ?>
      </span></td>
<td rowspan="3"> </td>
      <td rowspan="3"> </td>
<td>
         <img src="templates/template_altro/images/spaziatore.gif" width="1" height="188" alt="" /></td>
   </tr>
   <tr>
      <td valign="bottom" bgcolor="#EFEFF3">
         <img src="templates/template_altro/images/index_22.jpg" alt="" width="23" height="18" align="bottom" id="index_22" /></td>
      <td colspan="2" valign="bottom" bgcolor="#EFEFF3">
         <img src="templates/template_altro/images/index_23.jpg" alt="" width="268" height="18" align="bottom" id="index_23" /></td>
<td valign="bottom" bgcolor="#EFEFF3">
         <img src="templates/template_altro/images/index_24.jpg" alt="" width="23" height="18" align="bottom" id="index_24" /></td>
<td>
         <img src="templates/template_altro/images/spaziatore.gif" width="1" height="18" alt="" /></td>
   </tr>
   <tr>
      <td colspan="4"> </td>
<td>
         <img src="templates/template_altro/images/spaziatore.gif" width="1" height="65" alt="" /></td>
   </tr>
   <tr>
      <td>
         <img src="templates/template_altro/images/spaziatore.gif" width="31" height="1" alt="" /></td>
      <td>
         <img src="templates/template_altro/images/spaziatore.gif" width="22" height="1" alt="" /></td>
      <td>
         <img src="templates/template_altro/images/spaziatore.gif" width="11" height="1" alt="" /></td>
      <td>
         <img src="templates/template_altro/images/spaziatore.gif" width="130" height="1" alt="" /></td>
      <td>
         <img src="templates/template_altro/images/spaziatore.gif" width="58" height="1" alt="" /></td>
      <td>
         <img src="templates/template_altro/images/spaziatore.gif" width="304" height="1" alt="" /></td>
      <td>
         <img src="templates/template_altro/images/spaziatore.gif" width="9" height="1" alt="" /></td>
      <td>
         <img src="templates/template_altro/images/spaziatore.gif" width="21" height="1" alt="" /></td>
      <td>
         <img src="templates/template_altro/images/spaziatore.gif" width="44" height="1" alt="" /></td>
      <td>
         <img src="templates/template_altro/images/spaziatore.gif" width="23" height="1" alt="" /></td>
      <td>
         <img src="templates/template_altro/images/spaziatore.gif" width="12" height="1" alt="" /></td>
      <td>
         <img src="templates/template_altro/images/spaziatore.gif" width="256" height="1" alt="" /></td>
      <td>
         <img src="templates/template_altro/images/spaziatore.gif" width="23" height="1" alt="" /></td>
      <td>
         <img src="templates/template_altro/images/spaziatore.gif" width="36" height="1" alt="" /></td>
      <td></td>
   </tr>

</table>
<table width="981" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<tr>
<td height="10" background="templates/template_altro/images/index_50.jpg" bgcolor="#FFFFFF"><img src="templates/template_altro/images/index_50.jpg" width="13" height="10" /></td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><span style="padding-left: 0px; padding-right: 0px">
<?php mosLoadModules ( "footer" ); ?>
</span></td>
</tr>
</table>

</body>
</html>

ora ho 2 problemi fondamentali:

1)anche se nel css ho inserito il margin top pari a 0

Codice: [Seleziona]

BODY {
	SCROLLBAR-FACE-COLOR: #2570A5;
	SCROLLBAR-HIGHLIGHT-COLOR: #000000;
	SCROLLBAR-SHADOW-COLOR: #ffffff;
	COLOR: #000000;
	SCROLLBAR-3DLIGHT-COLOR: #ffffff;
	SCROLLBAR-ARROW-COLOR: #ffffff;
	SCROLLBAR-TRACK-COLOR: #f0f0f0;
	SCROLLBAR-DARKSHADOW-COLOR: #f0f0f0;
	SCROLLBAR-BASE-COLOR: #000000;
	background-image:url(../images/background.jpg);
	margin-top: 0px;
	
}

la tabella ha un bel margine superiore (cosa che non succede con altri template ricavati da questo e con lo stesso css;

2)lì dove vengono richiamate le posizioni orizz2 e orizz3 (realizzate con i div in modo da affiancare i moduli da inserire), il modulo caricato in orizz2 viene mandato accapo.

Vi prego aiutatemi che davvero non so più cosa fare. Non posso pubblicare un sito per via di questi 2 problemi (e è tanto che ci sto sbattendo la testa)

SteveTW · « **Risposta #1 il:** 20 Ott 2008, 09:30:02 »

un link?

Sto guardando il tuo index.php in locale.....

A parte che non capisco questi div nell'index.... piuttosto sono da inserire nel template_css.css

Codice: [Seleziona]

<div style="float:left;">
alla riga 92 e 94

Il margin-top: 0px non ti serve a nulla, nel senso che si riferisce al body di tutto il sito e non alla tabella corrispondente.
Inoltre c'è un errore nella index:

Codice: [Seleziona]

<td colspan="10" background="templates/template_altro/images/index_04.jpg"><div align="right"><span style="padding-left: 0px; padding-right: 0px">
        </span>
          <table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td width="19%">&nbsp;</td>
                <td width="81%"><div id="menu_alti"><span style="padding-left: 0px; padding-right: 0px">
                <?php mosLoadModules ( "orizz" ); ?>
                </span></div></td>

In questa parte di codice apri uno span con un padding left e right a 0 pixel, ma non contiene niente.... che ti serve?

Comunque un link sarebbe utile per vedere tutto on-line, forse c'è qualcosa nel tuo css che non va..... mettilo in una directory che non vede nessuno e lo vediamo.

akis182 · « **Risposta #2 il:** 21 Ott 2008, 10:12:53 »

il sito è

www.sporeworld.it
il problema con i div è presente in ogni pagina (e riguarda la marra blu di login), mentre il problema con il margine è presente in tutte le pagine, tranne la home e il forum.

SteveTW · « **Risposta #3 il:** 21 Ott 2008, 11:49:32 »

da una prima visuale pare che sia la tua barra laterale colorata.

In effetti da IE7 a Firefox 3.0 la visione è diversa, in firefox lo spazio in alto è molto ridotto rispetto a IE7.

Prova ad eliminare quelal barra azzurra, che tra l'altro in Firefox non si vede nemmeno.

akis182 · « **Risposta #4 il:** 21 Ott 2008, 14:45:32 »

scusa, ma a quale barra laterale azzurra ti riferisci??

SteveTW · « **Risposta #5 il:** 21 Ott 2008, 20:09:08 »

la barra di scorrimento laterale che si visualizza solamente in IE.....

akis · « **Risposta #6 il:** 21 Ott 2008, 20:23:32 »

scusami ma io non la vedo

potresti fare uno screenshot??

SteveTW · « **Risposta #7 il:** 21 Ott 2008, 22:29:57 »

eccoti l'immagine, guarda la barra di scorrimento che appare solo in IE

[allegato eliminato da un amministratore - Il file era vecchio]

akis · « **Risposta #8 il:** 22 Ott 2008, 21:27:29 »

intendi di togliere la colorazione?

SteveTW · « **Risposta #9 il:** 24 Ott 2008, 17:10:12 »

si tanto la visualizzi solo in IE..... Firefox non la visualizza...... e nel suo css potrebbe contenere qualcosa che va in conflitto con il tuo template

Autore Topic: problemi con DIV e con allineamento tabella (Letto 2835 volte)

akis182

problemi con DIV e con allineamento tabella

SteveTW

Re: problemi con DIV e con allineamento tabella

akis182

Re: problemi con DIV e con allineamento tabella

SteveTW

Re: problemi con DIV e con allineamento tabella

akis182

Re: problemi con DIV e con allineamento tabella

SteveTW

Re: problemi con DIV e con allineamento tabella

akis

Re: problemi con DIV e con allineamento tabella

SteveTW

Re: problemi con DIV e con allineamento tabella

akis

Re: problemi con DIV e con allineamento tabella

SteveTW

Re: problemi con DIV e con allineamento tabella