Foros del Web

Foros del Web (http://www.forosdelweb.com/)
-   CSS (http://www.forosdelweb.com/f53/)
-   -   Urgente Problema firefox explorer (http://www.forosdelweb.com/f53/urgente-problema-firefox-explorer-586718/)

rsb17 15/05/2008 04:44
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 */
  }

rsb17 15/05/2008 04:45
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>

Mikmoro 15/05/2008 04:49
Re: Urgente Problema firefox explorer
 
¿Sin ver la página cómo uno se va a imaginar qué significa para ti "destrozado"?

Mikel.

rsb17 15/05/2008 04:49
Re: Urgente Problema firefox explorer
 
Y esto lo que ocurre en imagenes que se me abia olvidado
La correcta:explorer

http://www.freewebtown.com/rsb17/EquipoA/explorer.bmp

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

http://www.freewebtown.com/rsb17/EquipoA/firefox.bmp

Ziongem 15/05/2008 08:08
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

rsb17 15/05/2008 08:38
Re: Urgente Problema firefox explorer
 
Gracias por la ayuda, ya esta todo solucionado


La zona horaria es GMT -6. Ahora son las 18:51.

Desarrollado por vBulletin® Versión 3.8.7
Derechos de Autor ©2000 - 2026, Jelsoft Enterprises Ltd.