Foros del Web » Creando para Internet » CSS »

Problema con <tr> (Firefox y Explorer)

Estas en el tema de Problema con <tr> (Firefox y Explorer) en el foro de CSS en Foros del Web. Hola gente, tengo el siguiente problema con una de mis plantillas Joomla. Si bien la misma no es de mi autoría, la descargue de la ...
  #1 (permalink)  
Antiguo 16/12/2008, 01:02
Ktulu
Invitado
 
Mensajes: n/a
Puntos:
Pregunta Problema con <tr> (Firefox y Explorer)

Hola gente, tengo el siguiente problema con una de mis plantillas Joomla. Si bien la misma no es de mi autoría, la descargue de la web del autor e intente modificarle ciertas cosas pero no logré llegar a lo que quería.

La estructura básica de la plantilla es la siguente en cuanto a posiciones de los módulos:



Lo que buscaba al modificarla era agregar un nuevo modulo en una nueva posicion para poder agregar publicidades flash mas grandes de lo que las posiciones left y right me permitían:



Pero como resultado, para variar, el IE me destrozó la plantilla mientras que Firefox/Chrome lo tomaban perfectamente:
(Algo así es lo que ocurre con IE7)



generando un gran espacio en blanco entre las posiciones left/right y la posicion "publi", ocurriendo lo mismo entre publi2/publi3 y "publi"

Posiblemente sea falta de alguna propiedad de CSS, aunque el problema aparece cuando inserto la etiqueta <tr> para colocar el codigo correspondientea la carga del modulo "publi".
Espero haberme explicado de la mejor manera y que alguien me pueda dar una mano u orientacion para solucionar el error de IE.
Adjunto el código del index.php y su correspondiente css.

index.php
Código HTML:
<?php defined( "_VALID_MOS" ) or die( "Direct Access to this location is not allowed." );?>
<!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(); } ?>
<?php
require($mosConfig_absolute_path."/templates/" . $mainframe->getTemplate() . "/gk_suckerfish.php");
$menu_name = "mainmenu";
?>

<meta http-equiv="Content-Type" content="text/html;><?php echo _ISO; ?>" />
<?php mosShowHead(); ?>
<?php echo "<link rel=\"stylesheet\" href=\"$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/css/template_css.css\" type=\"text/css\"/>" ; ?><?php echo "<link rel=\"shortcut icon\" href=\"$GLOBALS[mosConfig_live_site]/images/favicon.ico\" />" ; ?>
<link href="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/css/suckerfish.css" rel="stylesheet" type="text/css" />


<?php if (mosGetParam( $_REQUEST, 'option') == 'com_frontpage') { ?>
<link href="<? echo $mosConfig_live_site; ?>/mambots/content/smoothgallery/css/jd.gallery.css" rel="stylesheet" type="text/css" />
<link href="<? echo $mosConfig_live_site; ?>/mambots/content/smoothgallery/css/slightbox.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="<? echo $mosConfig_live_site; ?>/mambots/content/smoothgallery/scripts/mootools.js"></script>
<script type="text/javascript" src="<? echo $mosConfig_live_site; ?>/mambots/content/smoothgallery/scripts/jd.gallery.js"></script>
<script type="text/javascript" src="<? echo $mosConfig_live_site;?>/mambots/content/smoothgallery/scripts/slightbox.js"></script>
<?php } ?>
</head>

<body class="all">
  <div align="center">
    <div id="container">
      <div id="wrapper">
        <div id="tophead"><table width="100%" border="0">
  <tr>
    <td align="left"><div id="headleft"><p><a href="index.php">Patagones Noticias | Diario Digital</a></p></div></td>
  </tr>
</table>
</div>

    <div id="header"><table width="100%" border="0">
		<tr>
			<td>
				<div id="logo">
				  <div align="left"><img src="templates/patagonesnoticias/images/logo.png" alt="" border="0" align="left"  /></div>
				</div>
			</td>
			<td align="left">
		<div id="top2">


   			<div id="search">
        		<?php if (mosCountModules('user4')>0) mosLoadModules('user4',-2); ?>
			</div>
    	</div>
			</td>
    <td></td>
  </tr>
</table>

</div>

        <div id="topnavwrap"><table width="100%" border="0">
  <tr>
    <td>
	<div id="majmenu">
        <div id="nav">
            <?php mosShowListMenu($menu_name);	?>
        </div>
    </div>
      
</div></td>
  </tr>
</table>
</div>
<div id="content">


        <table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td rowspan="4" align="left" valign="top"><div id="maincontent">
                  <table width="100%" border="0">
                    <tr>
                      <td><div id="pathway">
                        <?php /*mosPathWay();*/ ?>
                      </div></td>
        <td><div id="date">
          <div align="right"><div id="clock">-</div></div> 
        </div></td>
      </tr>
                  </table>
			        <div id="modtop"><table width="100%" border="0">
			          <tr>
			            <td><div id="modtop1">
			              <?php if (mosCountModules('user1')>0) mosLoadModules('user1',-2); ?>
		                </div></td>
        <td><div id="modtop2">
          <?php if (mosCountModules('user2')>0) mosLoadModules('user2',-2); ?>
          </div></td>
      </tr>
			          </table>
    </div>
                    <?php mosMainBody(); ?>
                  <div id="advert1">
                    <?php if (mosCountModules('banner')>0) mosLoadModules('banner',-2); ?>
                  </div>
    
                <div id="modbot">
                  <table width="100%" border="0">
                    <tr>
                      <td><div id="modtop1">
                        <?php if (mosCountModules('user5')>0) mosLoadModules('user5',-2); ?>
                      </div></td>
        <td><div id="modtop2">
          <?php if (mosCountModules('user6')>0) mosLoadModules('user6',-2); ?>
          </div></td>
      </tr>
                  </table>
    </div>
                </div></td>
                <td width="200" align="left" valign="top"><div id="right"><?php if (mosCountModules('right')>0) mosLoadModules('right',-2); ?></div></td>
                <td width="200" align="left" valign="top"><div id="left"><?php  mosLoadModules('left',-2); ?></div></td>
              </tr>
            <tr>
              <td colspan="2" align="left" valign="top"><div id="publi"><?php  mosLoadModules('publi',-2); ?></div></td>
            </tr>
            <tr>
              <td align="left" valign="top"><div id="publiizq"><?php  mosLoadModules('publi2',-2); ?></div></td>
              <td align="left" valign="top"><div id="publider"><?php  mosLoadModules('publi3',-2); ?></div></td>
            </tr>
          <tr>
            <?php if (mosCountModules( "right" )) { ?>
            <?php } ?>
            <?php if (mosCountModules( "left" )) { ?>
            <?php } ?></tr>
        </table>
      </div>
	  <?php if(mosCountModules('advert1') || mosCountModules('advert2')|| mosCountModules('advert3') ) { ?>
	  <div id="bottom">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <?php if (mosCountModules( "advert1" )) { ?>
            <td width="280" align="left" valign="top"><div id="modleft">
                <?php if (mosCountModules('advert1')>0) mosLoadModules('advert1',-2); ?>
              </div></td>
            <?php } ?>
            <?php if (mosCountModules( "advert2" )) { ?>
            <td width="280" align="left" valign="top"><div id="modcent">
                <?php if (mosCountModules('advert2')>0) mosLoadModules('advert2',-2); ?>
              </div></td>
            <?php } ?>
            <?php if (mosCountModules( "advert3" )) { ?>
            <td width="280" align="left" valign="top"><div id="modright">
                <?php  mosLoadModules('advert3',-2); ?>
              </div></td>
            <?php } ?>
          </tr>
        </table>
        <?php } ?>
      </div>
	  
      <div id="footer">
        <p>Diseñado por <a href="http://www.fribos.com.ar">FriBos</a> | Derechos reservados</p>
      </div>
    </div>
</div>
  </div>
</div>
</body>
</html> 
  #2 (permalink)  
Antiguo 16/12/2008, 01:09
Ktulu
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: Problema con <tr> (Firefox y Explorer)

Divido en 2 partes ya que no me deja por la cantidad de caracteres. Elimine ciertas lineas innecesarias para la solución del problema

template_css.css
Código HTML:
/* all reset,layout */
* {
    margin:  0;
    padding: 0;
}
td,p,div,tr {
    font-family: arial;
    font-size:   12px;
    color:       #333;
    line-height: normal;
}
body {
    font-family: georgia,tahoma,verdana,arial;
    font-size:   12px;
    padding:     0px 0px 0px 0px;
    margin:      0px 0px 0px 0px;
}
.all {
    padding:           0px 0px 0px 0px;
    margin:            0px 0px 30px 0px;
    color:             #333;
    background-image:  url(../images/all.png);
    background-repeat: repeat-x;
    background-color:  #CCC;
}

.moduletable-clear {
	padding: 0px;
	margin: 0;
	margin-bottom: 10px;
	border: none;
	background: none;
	font: normal 12px Arial, Helvetica, sans-serif;
}

/* menu*/
ul {
	list-style: none;
	padding: 0 0 0 2px;
	margin: 0;
}
ul li {
	background: url('../images/arrow1.png') no-repeat 0 6px;
	margin: 0;
	padding-left: 10px;
}
#nav a {
	font-size: 110%;
}
div#majmenu {
	position: relative;
	top: 0px;
	background: url('../images/np_maj_menu_bg.png') repeat-x 0 top;
	width: 930px;
	padding-top: 1px;
	left: -1px;
	height: 26px;
}
/* fin menu*/

#container {
    width: 100%;
}
#wrapper {
    width: 933px;
}
#tophead {
    height: 28px;
}
#headleft {
    width: 200px;
}
#headleft p {
    padding-bottom: 6px;
}
#headright {
    float:          left;
    width:          700px;
    padding-bottom: 10px;
}
#headright a:link,#headright a:visited {
    color: #4887A5;
}
#header {
    background-image:  url(../images/header.png);
	height: 82px;
    width:  930px;
}
#logo {
    width: 580px;
	height:auto;
	float:left;
}

#topnavwrap {
    width:             933px;
    height:            20px;
    margin-bottom:     5px;
}
#topnav {
    height:       31px;
    padding-top:  3px;
    padding-left: 10px;
}
#content {
    padding:           6px 0 6px 0;
    text-align:        left;
    background-image:  url(../images/content_bg.png);
    background-repeat: repeat-x;
}
#maincontent {
    text-align:        left;
    padding-right:     10px;
    padding-left:      10px;
    background-color:  #FFFFFF;
    margin-right:      8px;
    background-image:  url(../images/modulebg.png);
    background-repeat: repeat-x;
    padding-top:       5px;
    padding-bottom:10px;
}
#modtop {
    padding: 2px 10px 10px 2px;
}
#modtop1 div.moduletable h3 {
    margin-bottom: 4px;
    color:         #000000;
    font-size:     12px;
    font-weight:   normal;
    
}
#modtop2 div.moduletable h3 {
    margin-bottom: 4px;
    color:         #000000;
    font-size:     12px;
    font-weight:   normal;
}
#left {
float:left;
}
#right {
    margin-right: 8px;
	float:right;
}
#publi {
	width:100%;
	margin-bottom:8px;
}
#publiizq{
margin-right: 8px;
}
#publider{
	

}
#publi div.moduletable {
    margin-bottom:     8px;
    padding:           0 8px 8px 8px;
    background-image:  url(../images/modulebg.png);
    background-repeat: repeat-x;
    background-color:  #FFFFFF;
}
#publi div.moduletable h3 {
    margin-bottom: 8px;
    color:         #000;
    font-size:     14px;
    font-weight:   normal;
}
#publiizq div.moduletable {
    margin-bottom:     8px;
    padding:           0 8px 8px 8px;
    background-image:  url(../images/modulebg.png);
    background-repeat: repeat-x;
    background-color:  #FFFFFF;
}
#publiizq div.moduletable h3 {
    margin-bottom: 8px;
    color:         #000;
    font-size:     14px;
    font-weight:   normal;
}
#publider div.moduletable {
    margin-bottom:     8px;
    padding:           0 8px 8px 8px;
    background-image:  url(../images/modulebg.png);
    background-repeat: repeat-x;
    background-color:  #FFFFFF;
}
#publider div.moduletable h3 {
    margin-bottom: 8px;
    color:         #000;
    font-size:     14px;
    font-weight:   normal;
}
#right div.moduletable {
    margin-bottom:     8px;
    padding:           0 8px 8px 8px;
    background-image:  url(../images/modulebg.png);
    background-repeat: repeat-x;
    background-color:  #FFFFFF;
}
#right div.moduletable h3 {
    margin-bottom: 8px;
    color:         #000;
    font-size:     14px;
    font-weight:   normal;
}
#left div.moduletable {
    margin-bottom:     8px;
    padding:           0 8px 8px 8px;
    background-image:  url(../images/modulebg.png);
    background-repeat: repeat-x;
    background-color:  #FFFFFF;
}
#left div.moduletable h3 {
    margin-bottom: 8px;
    color:         #000;
    font-size:     14px;
    font-weight:   normal;
}
#left div.moduletable-green {
    padding:           4px 8px 8px 8px;
    background-image:  url(../images/top_left_th.png);
    background-repeat: repeat-x;
    background-color:  #EFEFDE;
}
#left div.moduletable-green h3 {
    margin-bottom:  8px;
    color:          #333333;
    font-size:      14px;
    font-weight:    normal;
    text-transform: uppercase;
}
div.moduletable-tag {
    padding:           4px 8px 8px 8px;
    background-image:  url(../images/top_left_th.png);
    background-repeat: repeat-x;
    background-color:  #CCF6FF;
}
div.moduletable-tag h3 {
    margin-bottom:  8px;
    color:          #333333;
    font-size:      14px;
    font-weight:    normal;
    text-transform: uppercase;
}
div.moduletable-tag a:link,div.moduletable-tag a:visited {
    color: #4887A5;
}
#searchbox {
}
#advert1 {
    margin-top: 5px;
}
#modbot {
    margin-top: 10px;
}
#contentcent {
    background-color: #FFFFFF;
    padding:          5px 5px 5px 5px;
    margin-top:       5px;
}
#bottom {
    
    background-color: #FFFFFF;
}
#bottom p {
}
#bottom div.moduletable h3 {
    margin-bottom:       8px;
    color:               #000000;
    font-size:           14px;
    font-weight:         normal;
    text-transform:      uppercase;
   
    
}
#bottom div.moduletable {
    margin-bottom:     8px;
    padding:           0 8px 8px 8px;
   
}
}
#footer {
    height:           40px;
    width:            933px;
   
}
#footer P {
    color:       #000000;
    font-size:   11px;
    padding-top: 10px;
}
#footer a:link, #footer a:visited {
    color:      #000000;
    font-style: normal;
}

/* joomla css stuff */
form {
    display: inline;
    margin:  0;
    padding: 0;
}
h1 {
    color:       #666666;
    font-weight: normal;
    font-size:   20px;
}
ul {
}
li {
    margin-left: 20px;
}
img {
    border: none ;
}
ol {
    margin-left:         20px;
    list-style-position: inherit;
}
blockquote {
    margin: 10px;
}
blockquote div {
}
pre {
    padding: 10px;
}
table.contenttoc {
    margin:  3px;
    padding: 5px;
}
.contenttoc th {
    padding:     3px;
    color:       #935454;
    font-weight: bold;
}
.contenttoc a {
    font-size:   11px;
    padding:     0 5px 0 5px;
    font-weight: normal;
}
.contenttoc a:hover {
    font-size:    11px;
    color:        #935454;
    padding-left: 5px;
}
.contenttoc td {
    padding: 3px;
}
.contentpane {
    font-family: Arial,Tahoma,  Helvetica, sans-serif;
    font-size:   11px;
    line-height: 18px;
    text-align:  left;
}
.contentpaneopen ul {
    margin-left: 10px;
}
.contentpane ul {
    margin-left: 10px;
}
table.contentpaneopen,table.contentpane {
}
table.contentpaneopen li {
    margin-left: 20px;
}
div.moduletable {
    font-size: 11px;
    
}
div.moduletable td {
    text-align: left;
    font-size:  11px;
}
div.moduletable h3 {
    text-align:    left;
    margin-bottom: 5px;
    color:         #FFFFFF;
    font-size:     14px;
    line-height:   24px;
}
table.moduletable th {
    color:               #898371;
    text-align:          left;
    vertical-align:      middle;
    font-weight:         normal;
    padding-left:        5px;
    padding-top:         15px;
    padding-bottom:      10px;
    font-size:           14px;
    background-image:    url(../images/modth.png);
    background-repeat:   no-repeat;
    background-position: bottom;
    width:               230px;
    text-transform:      uppercase;
}
.contentpaneopen fieldset {
    border: none ;
    width:  100%;
}
.contentpaneopen td {
    padding:    0;
    text-align: left;
}
.contentdescription {
}

td.contentheading {
    color:           #000000;
    font-family:     arial,Helvetica, sans-serif;
    text-decoration: none;
    font-weight:     normal;
    font-size:       18px;
}
div.componentheading {
    color:           #800000;
    font-family:     georgia,tahoma, Helvetica, sans-serif;
    text-decoration: none;
    font-weight:     normal;
    font-size:       20px;
    text-align:      left;
}
Ahora si, muchas gracias
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 23:47.