Foros del web, para los que viven de bits

rsb17 · 15-may-2008, 04:44

Tengo el problema de que en firefox queda el blog destrozado, alguiern me puede ayudar, este es el codigo

Código:

 <b:skin><![CDATA[/* 
Blogger Template Style
Name:     TicTac
Author:   Dan Cederholm
URL:      www.simplebits.com
Date:     1 March 2004
Updated by: Blogger Team
*/
/* Variable definitions
   ====================

   <Variable name="textcolor" description="Text Color"
             type="color" default="#333" value="#333333">

   <Variable name="pagetitlecolor" description="Page Header Color"
             type="color" default="#FFF" value="#cc0000">

   <Variable name="datecolor" description="Date Header Color"
             type="color" default="#f93" value="#ffcc66">

   <Variable name="titlecolor" description="Post Title Color"
             type="color" default="#f63" value="#ff9933">

   <Variable name="footercolor" description="Post Footer Color"
             type="color" default="#999" value="#cc0000">

   <Variable name="sidebartextcolor" description="Sidebar Text Color"
             type="color" default="#999" value="#666666">

   <Variable name="sidebarcolor" description="Sidebar Title Color"
             type="color" default="#666" value="#191919">

   <Variable name="linkcolor" description="Link Color"
             type="color" default="#69c" value="#3399ff">

   <Variable name="visitedlinkcolor" description="Visited Link Color"
             type="color" default="#666699" value="#cc0000">

   <Variable name="bodyfont" description="Text Font"
             type="font"
             default="normal normal 100% Verdana, sans-serif" value="normal normal 100% Verdana, sans-serif">

   <Variable name="pagetitlefont" description="Page Header Font"
             type="font" default="normal normal 100% 'Lucida Grande','Trebuchet MS'" value="normal normal 100% 'Lucida Grande','Trebuchet MS'">

   <Variable name="titlefont" description="Post Title Font"
             type="font" default="normal bold 130% 'Lucida Grande','Trebuchet MS'" value="normal bold 130% 'Lucida Grande','Trebuchet MS'">

   <Variable name="sidebarheaderfont" description="Sidebar Title Font"
             type="font" default="normal bold 130% 'Lucida Grande','Trebuchet MS'" value="normal bold 130% 'Lucida Grande','Trebuchet MS'">
   <Variable name="startSide" description="Start side in blog language"
             type="automatic" default="left" value="left">
   <Variable name="endSide" description="End side in blog language"
             type="automatic" default="right" value="right">
*/

/* ---( page defaults )--- */

#navbar-iframe {
height:30px;
visibility:hidden;
display:none
}
body {
  margin: 0;
  padding: 0;
  font-size: small;
  text-align: center;
  color: $textcolor;
  background: #e0e0e0;
  background-image:url(http://www.freewebtown.com/rsb17/EquipoA/95656.gif);
  background-attachment:fixed;
  margin-bottom: 30px;
}
blockquote {
  margin-top: 0;
  margin-$endSide: 0;
  margin-bottom: 0;
  margin-$startSide: 30px;
  padding-top: 10px;
  padding-$endSide: 0;
  padding-bottom: 0;
  padding-$startSide: 20px;
  font-size: 88%;
  line-height: 1.5em;
  color: #666;
  background: url(http://www.blogblog.com/tictac/quotes.gif) no-repeat top 
  $startSide;
  }
blockquote p {
  margin-top: 0;
  }
abbr, acronym {
  cursor: help;
  font-style: normal;
  border-bottom: 1px dotted;
  }
code {
  color: #f63;
  }
hr {
  display: none;
  }
img {
  border: none;
  }
/* unordered list style */
ul {
  list-style: none;
  margin-$startSide: 10px;
  padding: 0;
  }
li {
  list-style: none;
  padding-$startSide: 14px;
  margin-bottom: 3px;
  background: url(http://www.blogblog.com/tictac/tictac_orange.gif) no-repeat $startSide 6px;
  }
/* links */
a:link {
  color: $linkcolor;
  }
a:visited {
  color: $visitedlinkcolor;
  }
a:hover {
  color: [c=4]#693;[/c]
text-decoration:none;
position: relative;
top: 1.5px;
left: 1.5px;}
}
a:active {
  color: #cc3333;
  text-decoration: none;
}
/* ---( layout structure )---*/
#outer-wrapper {
  width: 847px;
  margin: 0px auto 0;
  text-align: $startSide;
  font: $bodyfont;
  background: url(http://www.freewebtown.com/rsb17/EquipoA/tile_left.gif) repeat-y;
}
#content-wrapper {
 margin-$startSide: 39px; /* to avoid the border image */  
 width: 763px;
}
#main {
  float: $startSide;
  width: 460px;
  margin-top: 20px;
  margin-$endSide: 0;
  margin-bottom: 0;
  margin-$startSide: 0;
  padding-top: 0;
  padding-$endSide: 0;
  padding-bottom: 0;
  padding-$startSide: 1em;
  line-height: 1.5em;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
  }

#sidebar {
  float: $endSide;
  width: 259px;
  padding-top: 20px;
  padding-$endSide: 0px;
  padding-bottom: 0;
  padding-$startSide: 0;
  font-size: 85%;
  line-height: 1.4em;
  color: $sidebartextcolor;
  background: url() no-repeat $startSide top;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
  }

rsb17 · 15-may-2008, 04:45

Este es el resto del codigo

Código:

/* ---( header and site name )--- */

#header-wrapper {
  margin-bottom: 0px;
  margin-top: 0px;
  padding: 0;
  font: $pagetitlefont;
}
#header {
  margin: 0;
  padding-top: 0px;
  padding-$endSide: 60px;
  padding-bottom: 0px;
  padding-$startSide: 160px;
  color: $pagetitlecolor;
}

#header h1 { 
  font-size: 200%;
  text-shadow: #81A75B 2px 2px 2px;
color: $pagetitlecolor;
 }

#header h1 a {
  text-decoration: none;
  color: $pagetitlecolor;
  }

#header h1 a:hover {
  color: #000000;
  }

/* ---( main column )--- */

h2.date-header {
  margin-top: 0;
  padding-$startSide: 14px;
  font-size: 90%;
  color: $datecolor;
  background: url(http://www.blogblog.com/tictac/date_icon.gif) no-repeat $startSide 50%;
  }

.post h3 {
  margin-top: 0;
  font: $titlefont;
  letter-spacing: -1px;
  color: $titlecolor;
  }

.post {
  margin-top: 0;
  margin-$endSide: 0;
  margin-bottom: 1.5em;
  margin-$startSide: 0;
  padding-top: 0;
  padding-$endSide: 0;
  padding-bottom: 1.5em;
  padding-$startSide: 14px;
  border-bottom: 1px solid #ddd;
  }

.post h3 a,
.post h3 a:visited { 
  color: $titlecolor;
  text-decoration: none;
 }

.post-footer {
  margin: 0;
  padding-top: 0;
  padding-$endSide: 0;
  padding-bottom: 0;
  padding-$startSide: 14px;
  font-size: 88%;
  color: $footercolor;
  background: url(http://www.blogblog.com/tictac/tictac_grey.gif) no-repeat $startSide 8px;
  }

.post img {
  padding: 6px;
  border-top: 1px solid #ddd;
  border-$startSide: 1px solid #ddd;
  border-bottom: 1px solid #c0c0c0;
  border-$endSide: 1px solid #c0c0c0;
  }

.feed-links {
clear: both;
line-height: 2.5em;
visibility:hidden;
display:none;
}

#blog-pager-newer-link {
  float: $startSide;
 }

#blog-pager-older-link { 
  float: $endSide;
 }
 
#blog-pager {   
  text-align: center; 
 }

/* comment styles */

#comments {
  padding-top: 10px;
  font-size: 85%;
  line-height: 1.5em;
  color: #666;
  background: #eee url(http://www.blogblog.com/tictac/comments_curve.gif) no-repeat top $startSide;
  }

#comments h4 {
  margin-top: 20px;
  margin-$endSide: 0;
  margin-bottom: 15px;
  margin-$startSide: 0;
  padding-top: 8px;
  padding-$endSide: 0;
  padding-bottom: 0;
  padding-$startSide: 40px;
  font-family: "Lucida Grande", "Trebuchet MS";
  font-size: 130%;
  color: #666;
  background: url(http://www.blogblog.com/tictac/bubbles.gif) no-repeat 10px 0;
  height: 29px !important; /* for most browsers */
  height /**/:37px; /* for IE5/Win */
  }
  
#comments ul {
  margin-$startSide: 0;
  }

#comments li {
  background: none;
  padding-$startSide: 0;
  }
  
.comment-body {
  padding-top: 0;
  padding-$endSide: 10px;
  padding-bottom: 0;
  padding-$startSide: 25px;
  background: url(http://www.blogblog.com/tictac/tictac_orange.gif) no-repeat 10px 5px;
  }

.comment-body p {
  margin-bottom: 0;
  }

.comment-author {
  margin-top: 4px;
  margin-$endSide: 0;
  margin-bottom: 0;
  margin-$startSide: 0;
  padding-top: 0;
  padding-$endSide: 10px;
  padding-bottom: 0;
  padding-$startSide: 60px;
  color: #999;
  background: url(http://www.blogblog.com/tictac/comment_arrow.gif) no-repeat 44px 2px;
  }

.comment-footer {
  border-bottom: 1px solid #ddd;
  padding-bottom: 1em;
}


.deleted-comment {
  font-style:italic;
  color:gray;
  }

/* ---( sidebar )--- */

.sidebar h2 { 
  margin-top: 0;
  margin-$endSide: 0;
  margin-bottom: 0;
  margin-$startSide: 0;
  padding-top: 25px;
  padding-$endSide: 0;
  padding-bottom: 0;
  padding-$startSide: 40px;
  font: $sidebarheaderfont;
  color: $sidebarcolor;
  height: 32px;
  background: url(http://www.blogblog.com/tictac/sidebar_icon.gif) no-repeat 10px 15px;
  height: 32px !important; /* for most browsers */
  height /**/:57px; /* for IE5/Win */
  }

.sidebar .widget {
  margin: 0;
  padding-top: 0;
  padding-$endSide: 0;
  padding-bottom: 10px;
  padding-$startSide: 10px;
  border-bottom: 1px solid #ddd;
}

.sidebar li {
  background: url(http://www.blogblog.com/tictac/tictac_green.gif) no-repeat $startSide 5px;
  }

.profile-textblock { 
  clear: both;
  margin-$startSide: 0;
}

.profile-img { 
  float: $startSide;
  margin-top: 0;
  margin-$endSide: 5px;
  margin-bottom: 5px;
  margin-$startSide: 0;
  border: 1px solid #ddd;
  padding: 4px;
}


/* ---( footer )--- */

.clear { /* to fix IE6 padding-top issue */
  clear: both;
  }

#footer-wrapper {
  margin: 0;
  padding-top: 0;
  padding-$endSide: 0;
  padding-bottom: 0px;
  padding-$startSide: 0;

  font-size: 85%;
  color: #ddd;
  background: url(http://www.blogblog.com/tictac/bottom_sill.gif) no-repeat bottom $startSide;
  }

#footer {
  margin: 0;
  padding-top: 20px;
  padding-$endSide: 320px;
  padding-bottom: 20px;
  
  padding-$startSide: 95px;
  background: url(http://www.blogblog.com/tictac/bottom_sash_$startSide.gif) no-repeat top $startSide;
  }


/** Page structure tweaks for layout editor wireframe */
body#layout #outer-wrapper,
body#layout #main,
body#layout #sidebar { 
  padding-top: 0;
  margin-top: 0;
}

body#layout #outer-wrapper,
body#layout #content-wrapper { 
  width: 740px;
}

body#layout #sidebar { 
  margin-$endSide: 0;
  margin-bottom: 1em;
 }

body#layout #header,
body#layout #footer,
body#layout #main {
  padding: 0;
 }

body#layout #content-wrapper { 
  margin: 0px;

 }
}
/*- Menu Tabs F */

#tabsF {
float:left;
width:100%;
font-size:80%;
line-height:normal;
border-bottom:1px solid #000;

}
#tabsF ul {
margin:0;
padding:10px 10px 0 50px;
list-style:none;
background-color: transparent;
}
#tabsF li {
display:inline;
margin:0;
padding:0;
background-color: transparent;
}
#tabsF a {
float:left;
background:url("http://www.freewebtown.com/rsb17/EquipoA/tableftF.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#tabsF a span {
float:left;
display:block;
background:url("http://www.freewebtown.com/rsb17/EquipoA/tabrightF.gif") no-repeat right top;
padding:5px 15px 4px 6px;
color:#666;
}
/* Commented Backslash Hack hides rule from IE5-Mac */
#tabsF a span {float:none;}
/* End IE5-Mac hack */
#tabsF a:hover span {
color:#FFF;
}
#tabsF a:hover {
background-position:0% -42px;
}
#tabsF a:hover span {
background-position:100% -42px;
}
.breadcrumbs {
border-bottom:1px dotted #000;
margin:2em 0 0.5em;
padding:0 0 0.5em;
}

]]></b:skin>

Mikmoro · 15-may-2008, 04:49

¿Sin ver la página cómo uno se va a imaginar qué significa para ti "destrozado"?

Mikel.

rsb17 · 15-may-2008, 04:49

Y esto lo que ocurre en imagenes que se me abia olvidado
La correcta:explorer

La estropeada:firefox, la barra de menu se pone debajo y el texto muy a la derecha

Ziongem · 15-may-2008, 08:08

Siempre hay que maquetar para los navegadores decentes y de una manera "genérica" que nos asegure una buena compatibilidad cross browser, no para los navegadores mediocres como IE.

Te empiezo que maquetes para navegadores que masomenos cumplan con los estándares como Firefox, Safari, Opera, etc.

Ojalá te sea últil para el futuro,

saludos.

Zg

rsb17 · 15-may-2008, 08:38

Gracias por la ayuda, ya esta todo solucionado

15-may-2008, 04:49	#3 (permalink)
Mikmoro Colaborador Fecha de Ingreso: octubre-2006 Ubicación: A tu espalda Mensajes: 2.484	Re: Urgente Problema firefox explorer ¿Sin ver la página cómo uno se va a imaginar qué significa para ti "destrozado"? Mikel.

15-may-2008, 04:49	#4 (permalink)
rsb17 Fecha de Ingreso: mayo-2008 Ubicación: España Mensajes: 59	Re: Urgente Problema firefox explorer Y esto lo que ocurre en imagenes que se me abia olvidado La correcta:explorer La estropeada:firefox, la barra de menu se pone debajo y el texto muy a la derecha Última edición por rsb17; 15-may-2008 a las 05:22.

15-may-2008, 08:08	#5 (permalink)
Ziongem Fecha de Ingreso: noviembre-2007 Ubicación: mvd Mensajes: 47	Re: Urgente Problema firefox explorer Siempre hay que maquetar para los navegadores decentes y de una manera "genérica" que nos asegure una buena compatibilidad cross browser, no para los navegadores mediocres como IE. Te empiezo que maquetes para navegadores que masomenos cumplan con los estándares como Firefox, Safari, Opera, etc. Ojalá te sea últil para el futuro, saludos. Zg __________________ Ziongem.com \| web state of mind Última edición por Ziongem; 15-may-2008 a las 08:09. Razón: me olvidé de saludar :)

15-may-2008, 08:38	#6 (permalink)
rsb17 Fecha de Ingreso: mayo-2008 Ubicación: España Mensajes: 59	Re: Urgente Problema firefox explorer Gracias por la ayuda, ya esta todo solucionado Última edición por rsb17; 15-may-2008 a las 12:25.

Herramientas
Mostrar Versión Imprimible Enviar por Correo
Desplegado
Mode Lineal Cambiar a Modo Hibrido Cambiar a Modo Hilado