Foros del Web » Creando para Internet » CSS »

Urgente Problema firefox explorer

Estas en el tema de Urgente Problema firefox explorer en el foro de CSS en Foros del Web. 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: ...
  #1 (permalink)  
Antiguo 15/05/2008, 05:44
 
Fecha de Ingreso: mayo-2008
Mensajes: 105
Antigüedad: 9 años, 7 meses
Puntos: 0
Urgente Problema firefox explorer

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 */
  }
  #2 (permalink)  
Antiguo 15/05/2008, 05:45
 
Fecha de Ingreso: mayo-2008
Mensajes: 105
Antigüedad: 9 años, 7 meses
Puntos: 0
Re: Urgente Problema firefox explorer

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>
  #3 (permalink)  
Antiguo 15/05/2008, 05:49
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Re: Urgente Problema firefox explorer

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

Mikel.
  #4 (permalink)  
Antiguo 15/05/2008, 05:49
 
Fecha de Ingreso: mayo-2008
Mensajes: 105
Antigüedad: 9 años, 7 meses
Puntos: 0
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/05/2008 a las 06:22
  #5 (permalink)  
Antiguo 15/05/2008, 09:08
Avatar de Ziongem  
Fecha de Ingreso: noviembre-2007
Ubicación: mvd
Mensajes: 58
Antigüedad: 10 años, 1 mes
Puntos: 0
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/05/2008 a las 09:09 Razón: me olvidé de saludar :)
  #6 (permalink)  
Antiguo 15/05/2008, 09:38
 
Fecha de Ingreso: mayo-2008
Mensajes: 105
Antigüedad: 9 años, 7 meses
Puntos: 0
Re: Urgente Problema firefox explorer

Gracias por la ayuda, ya esta todo solucionado

Última edición por rsb17; 15/05/2008 a las 13:25
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 08:06.