24/09/2008, 21:54
|
| | Fecha de Ingreso: agosto-2003 Ubicación: santiago, chile
Mensajes: 303
Antigüedad: 21 años, 3 meses Puntos: 0 | |
ayuda, que parte tengo que modificar de este css para que muestre bien el diseño Estimados,
alguien mas experto en el tema del css me puede ayudar.
foto1
foto2
como se observa, no se porque en el explorer me lo muestra bien(ver foto1), pero en el firefox se ve mal(ver foto2). Ya me paso otra cosa, que en el menu del siderbar no me mostraba el fondo en firefox, lo solucione comentando la linea del /*float: right;*/ en el siderbar. pero esto que me a sucedido ahora, no tengo idea en que parte del codigo del style.css podria estar.
dejo el css
Código:
body {
font: 75%/150% "Trebuchet MS", Tahoma, Arial;
color: #333333;
background: #FFFFFF url(images/main-bg.gif);
margin: 0px;
padding: 0px 0px 30px;
}
a {
color: #CC6600;
text-decoration: none;
}
a:visited {
color: #CC6633;
text-decoration: none;
}
a:hover {
color: #FF6600;
text-decoration: underline;
}
img {
border: none;
}
p {
padding: 0px 0px 15px;
margin: 0px;
}
h1 {
margin:0px;
background: url(images/header-icon.gif) no-repeat;
padding-left: 70px;
height: 60px;
font: bold 36px/100% "Trebuchet MS", Tahoma, Arial;
color: #c9eefe;
}
h1 a, h1 a:visited{
color: #c9eefe;
text-decoration: none;
}
h1 a:hover{
color: #ffffff;
text-decoration: none;
}
h2 {
color: #59770e;
margin: 0px 0px 2px;
border-bottom: 1px dotted #CCCCCC;
letter-spacing: -1px;
font: normal 190%/100% "Trebuchet MS", Tahoma, Arial;
padding-bottom: 3px;
}
h2 a, h2 a:visited {
color: #59770e;
text-decoration: none;
}
h2 a:hover {
color: #FF6600;
text-decoration: none;
}
h3 {
font: normal 140%/100% "Trebuchet MS", Tahoma, Arial;
color: #758d38;
margin: 10px 0px 5px;
}
h4 {
font: normal 130%/100% "Trebuchet MS", Tahoma, Arial;
color: #758d38;
margin: 10px 0px 5px;
}
form {
margin:0px;
padding:0px;
}
#page {
margin: 0px auto;
width: 850px;
border-bottom: 5px solid #d5e6eb;
border-left: 5px solid #d5e6eb;
border-right: 5px solid #d5e6eb;
background: #FFFFFF url(images/content-bg.gif) repeat-y;
}
#nav {
list-style: none;
margin: 0px;
position: absolute;
right: 10px;
bottom: 0px;
}
#nav li {
float: left;
margin-left: 5px;
}
#nav .current_page_item a, #nav .current_page_item a:visited{
color: #000000;
text-decoration: none;
}
#nav .page_item a{
color: #ffffff;
text-decoration: none;
background: #5c8d0c url(images/nav-button-bg.gif) repeat-x;
padding: 5px 15px;
font: bold 14px/100% Arial, Helvetica, sans-serif;
border-top: 1px solid #E6EED0;
border-left: 1px solid #AFCD69;
border-right: 1px solid #AFCD69;
display: block;
}
#nav .page_item a:hover {
color: #000000;
}
/* content area */
#content {
padding: 10px 0px 30px 20px;
float: left;
width: 640px;
overflow: hidden;
}
.post {
clear:both;
padding-top: 15px;
}
.post-date {
width: 45px;
height: 49px;
float:left;
background: url(images/date-bg.gif) no-repeat;
}
.post-month {
font-size: 11px;
text-transform: uppercase;
color: #FFFFFF;
text-align: center;
display:block;
line-height: 11px;
padding-top: 2px;
margin-left: -3px;
}
.post-day {
font-size: 18px;
text-transform: uppercase;
color: #999999;
text-align: center;
display:block;
line-height: 18px;
padding-top: 7px;
margin-left: -3px;
}
.post-title {
float: left;
margin-left: 10px;
width: 575px;
}
.entry {
clear: both;
padding-top: 10px;
}
.post-cat {
background: url(images/mini-category.gif) no-repeat;
padding-left: 20px;
float:left;
font-size: 95%;
color: #999999;
}
.post-comments {
background: url(images/mini-comments.gif) no-repeat;
padding-left: 20px;
float: right;
font-size: 95%;
}
.post-calendar {
background: url(images/mini-calendar.gif) no-repeat;
padding-left: 20px;
float: right;
font-size: 95%;
color: #999999;
}
.mini-add-comment {
background: url(images/mini-down-arrow.gif) no-repeat;
padding-left: 18px;
float: right;
}
.navigation {
clear: both;
padding: 10px 0px;
}
.navigation a, .navigation a:visited {
color: #59770e;
}
.previous-entries a {
float: left;
padding-left: 18px;
background: url(images/mini-nav-left.gif) no-repeat left center;
}
.next-entries a {
float: right;
padding-right: 18px;
background: url(images/mini-nav-right.gif) no-repeat right center;
}
/* comments area */
#comments, #respond {
border-bottom: 1px dotted #CCCCCC;
padding: 10px 0 5px 0;
clear: both;
}
.commentlist {
margin: 10px 0px;
padding-left: 20px;
line-height: 130%;
}
.commentlist li{
padding: 5px 10px;
}
.commentlist .alt {
background: #f1fedb;
}
.commentlist cite {
font-weight: bold;
font-style: normal;
font-size: 120%;
color: #CC6600;
}
.commentlist cite a, .commentlist cite a:visited {
color: #CC6600;
}
.commentlist small {
margin-bottom: 5px;
display: block;
font-size: 87%;
}
#commentform {
margin-top: 10px;
font: 110% Arial, Helvetica, sans-serif;
}
#commentform p {
padding: 6px 0px;
margin: 0px;
}
#commentform label{
color: #787878;
font-size: 87%;
}
#commentform input{
width: 200px;
background:#f1fedb;
border: 1px solid #bdd77f;
padding: 3px;
margin-top: 3px;
}
#commentform textarea{
width: 478px;
height: 115px;
background:#f1fedb;
border: 1px solid #bdd77f;
padding: 2px;
margin-top: 3px;
}
#commentform textarea:focus, #commentform input[type="text"]:focus {
background: #ffffff;
}
#commentform #submit{
background: url(images/btn-bg.gif) no-repeat;
font: bold 12px Arial, Helvetica, sans-serif;
color: #FFFFFF;
border: none;
float:right;
width: 144px;
height: 28px;
cursor: pointer;
}
/*sidebar */
#sidebar {
/*float: right;*/
padding: 0px 10px 20px 20px;
width: 150px;
color: #666666;
overflow: hidden;
}
/*sidebar title (h2) */
#sidebar h2, #sidebar .sidebartitle{
font: normal 140%/100% "Trebuchet MS", Tahoma, Arial;
color: #758d38;
margin: 20px 0px 2px;
border-bottom: 1px solid #CFE1AC;
}
/*sidebar text styles */
#sidebar a, #sidebar a:visited{
color: #495233;
text-decoration: none;
}
#sidebar a:hover{
color: #FF6600;
text-decoration: none;
}
/*sidebar list level1 */
#sidebar ul {
margin: 0;
padding: 0;
}
#sidebar ul li {
list-style: none;
margin: 0;
padding: 0;
border: none;
}
/*sidebar list level2 */
#sidebar ul li ul {
padding: 0;
margin: 0;
}
#sidebar ul li ul li{
padding: 2px 0 2px 0px;
border-bottom: 1px solid #dceeb7;
}
/*sidebar list level3 */
#sidebar ul li ul li ul li{
padding: 1px 0 1px 10px;
border: none;
}
/*blogroll */
ul.list-blogroll li{
background: url(images/mini-blogroll.gif) no-repeat !important;
padding-left: 16px !important;
}
/*category widget */
ul.list-cat li, li.widget_categories li{
background: url(images/mini-category.gif) no-repeat !important;
padding-left: 20px !important;
}
/*archives widget */
ul.list-archives li, li.widget_archives li{
background: url(images/mini-monthly-archive.gif) no-repeat !important;
padding-left: 20px !important;
}
/*pages widget */
ul.list-page li, li.widget_pages li, li.widget_recent_entries li{
background: url(images/mini-page.gif) no-repeat !important;
padding-left: 20px !important;
}
/*sub-pages */
ul.list-page li ul li, li.widget_pages li ul li{
background: url(images/mini-page-arrow.gif) no-repeat !important;
padding-left: 10px !important;
}
/*recent comments widget */
li.widget_recent_comments li{
background: url(images/mini-recent-comments.gif) no-repeat !important;
padding-left: 20px !important;
}
/*calendar widget */
li.widget_calendar td {
padding: 1px 7px;
}
/*text widget */
.textwidget {
padding-top: 5px;
}
/* footer area */
#footer {
clear: both;
background: #048DB4 url(images/footer-bg.gif) no-repeat;
color: #ACD7EE;
font-size: 95%;
line-height: 130%;
padding-bottom: 10px;
}
#footer a, #footer a:visited {
color: #ffffff;
}
#footer h4 {
font: normal 146%/100% "Trebuchet MS", Tahoma, Arial;
color: #9cdbfb;
margin: 10px 0px 5px;
}
.footer-recent-comments {
width: 240px;
float: left;
margin-left: 10px;
}
.footer-recent-comments ul {
list-style: none;
margin: 0px;
padding: 0px;
}
.footer-recent-comments ul li {
background: url(images/mini-footer-comments.gif) no-repeat;
padding: 0px 0px 10px 20px;
}
.footer-recent-posts {
width: 240px;
float: left;
margin-left: 10px;
}
.footer-recent-posts strong {
font-size: 107%;
line-height: 135%;
font-weight: bold;
}
.footer-recent-posts ul {
list-style: none;
margin: 0px;
padding: 0px;
font-size: 92%;
line-height: 110%;
}
.footer-recent-posts ul li {
background: url(images/mini-footer-post.gif) no-repeat;
padding: 0px 0px 10px 20px;
}
.footer-about {
width: 220px;
float: right;
padding-right: 10px;
padding-left: 10px;
background: url(images/footer-right-bg.gif) no-repeat;
}
.rss {
background: url(images/mini-rss.gif) no-repeat left center;
padding-left: 18px;
padding-bottom: 2px;
margin-left: 8px;
}
/* alignments */
.center {
text-align: center;
}
img.center, img[align="center"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.alignleft {
float: left;
}
img.alignleft, img[align="left"] {
float:left;
margin: 2px 10px 5px 0px;
}
.alignright {
float: right;
}
img.alignright, img[align="right"] {
float:right;
margin: 2px 0px 5px 10px;
}
.clear {
clear:both;
}
hr.clear {
clear:both;
visibility: hidden;
margin: 0px;
padding: 0px;
}
bueno como siempre, se agradece la ayuda.
nos vemos |