Seguro es alguna cosita en el CSS pero no la encuentro ya que no entiendo mucho y lo hago a prueba y error ... ojala me puedan dar una mano, como veran soy nuevo y por lo que veo esta muy bueno el foro para ayudarnos mutuamente
saludos
Aca les dejo el css y como se ve en firefox y en ie6
Código :
/* **** ACCESSIBLITY */ #accessibility { display: none; position: absolute; left: -2000px; top: -2000px; } /* **** GLOBAL CONTENT */ div.global_content { margin: 0px auto; } /* THIN */ div.thin .global_content { width: 770px; } div.thin #center { width: 750px; } div.thin #bottomusers { width: 750px; } div.thin .column-1 #left, div.thin .column-1 #right { width: 160px; } /* w:175 - padding:15 */ div.thin .column-2 #left, div.thin .column-2 #right { width: 140px; } /* w:155 - padding:15 */ div.thin .column-1 #content { width: 540px; } div.thin .column-2 #content { width: 395px; } * html div.thin .column-1 #content { width: 530px; } /* IE */ * html div.thin .column-2 #content { width: 385px; } /* IE */ /* WIDE */ div.wide .global_content { width: 970px; } div.wide #center { width: 950px; } div.wide #bottomusers { width: 950px; } div.wide .column-1 #left, div.wide .column-1 #right { width: 160px; } /* w:175 - padding:15 */ div.wide .column-2 #left, div.wide .column-2 #right { width: 140px; } /* w:155 - padding:15 */ div.wide .column-1 #content { width: 740px; } div.wide .column-2 #content { width: 595px; } * html div.wide .column-1 #content { width: 730px; } /* IE */ * html div.wide .column-2 #content { width: 580px; } /* IE */ /* **** TEMPLATES STYLES */ .clear { clear: both; } /* **** HEADER */ .header_bkgd { height: 100px; } .header_shadow_l { background-position: 0 0; background-repeat: repeat-y; } .header_shadow_r { background-position: 100% 0; background-repeat: repeat-y; } .header_shadow_bl { background-position: 0 0; background-repeat: no-repeat; } .header_shadow_br { padding-top: 7px; background-position: 100% 0; background-repeat: no-repeat; } h1#logo { float: left; width: 751px; height: 90px; margin: 10px 0 0 0; background-position: 0 0; background-repeat: no-repeat; cursor: hand; } h1#logo span { display: none; } #header { height: 45px; margin: 0 10px; background-position: 0 100%; background-repeat: repeat-x; } #header .moduletable { float: right; margin: 10px 10px 0 0; } #header .inputbox { margin: 0 4px 0 0; } #mod_search_searchword { padding-left: 18px; color: #98989D; background: #FFF url(../images/icon_search.png) no-repeat 2px 3px; } #header ul#mainlevel { float: left; padding: 0 0 0 14px; background-position: 0 6px; background-repeat: no-repeat; } * html #header ul#mainlevel { padding: 0 0 0 7px; } #header ul#mainlevel li { display: inline; } #header a.mainlevel { display: block; float: left; margin: 0 4px; padding: 4px 8px 4px 0; font-weight: normal; font-size: 11px; text-decoration: none; color: #FFF; background-position: 100% 0; background-repeat: no-repeat; } #header a.mainlevel:hover { text-decoration: underline; color: #FFF; } /* **** CENTER WRAPPER */ .center_bkgd { background-position: 0 0; background-repeat: repeat-x; } .center_shadow_l { background-position: 0 0; background-repeat: repeat-y; } .center_shadow_r { background-position: 100% 0; background-repeat: repeat-y; } .center_shadow_lt { background-position: 0 0; background-repeat: no-repeat; } .center_shadow_rt { background-position: 100% 0; background-repeat: no-repeat; padding: 0 10px; } /* **** TOPMENU */ #topmenu { height: 34px; padding: 0 0 0 179px; background-repeat: repeat-x; background-position: 0 0; } .topmenu_seperator { clear: both; padding-top: 9px; background-repeat: repeat-x; background-position: 1px 0; } #topmenu ul#mainlevel li { display: inline; } #topmenu a.mainlevel { display: block; float: left; margin: 0; padding: 10px 10px 9px 10px; font-weight: bold; text-decoration: none; background-position: 0px 35px; background-repeat: repeat-x; border-right-width: 1px; border-right-style: solid; } #topmenu a.mainlevel:hover { text-decoration: none; background-position: 0px 0px; } #topmenu a#active_menu { background-position: 0px 0px; } #topmenu a#active_menu:hover { background-position: 0px -34px; } #topmenu a.sublevel { display: block; margin: 0; padding: 4px 10px 6px 10px; font-weight: bold; text-decoration: none; background-position: 0 100%; background-repeat: repeat-x; color: #FFF; } #topmenu a.sublevel .arrow { padding: 0 12px 0 0; background: url(../images/arrow_submenu.png) no-repeat 100% 5px; } /* **** TOP MODULES*/ #topusers { padding: 0; border-top: 1px solid #F7F7F8; background: #E4E4E7 url(../images/toppanel_bkgd.gif) repeat-x 0 100%; color: #56555C; } #topusers .column_seperator { float: left; width: opx; height: 110px; background: url(../images/toppanel_seperator.gif) no-repeat 0 0; } #topusers .moduletable { margin: 0 0 0 0; } #topusers h3 { padding: 0 0 0 0; margin: 0 0 8px 0; font-size: 1.2em; font-weight: bold; background: url(../images/toppanel_heading.gif) repeat-x 0 100%; } #topusers .contentheading { color: #56555C; font-size: 1.1em; padding: 0; background: none; } #topusers tr.sectiontableentry1 td, #topusers td.sectiontableentry1, #topusers tr.sectiontableentry2 td, #topusers td.sectiontableentry2 { background: none; border: none; } #topusers ul.latestnews li, #topusers ul.mostread li { background-image: url(../images/arrow_gray.png); } #topusers ul.latestnews a:visited, #topusers ul.mostread a:visited { color: #999; } /* NEOLATESTNEWS */ #topusers .neolatestnews span.small { color: #999; } #topusers a { color: #56555C; } #topusers a.mainlevel { display: block; margin: 1px 0; padding: 0 0 2px 16px; color: #56555C; text-decoration: none; background-position: 0 2px; background-repeat: no-repeat; } #topusers a.mainlevel:hover { text-decoration: underline; } #topusers a.sublevel { display: block; margin: 1px 0 1px 16px; padding: 0 0 1px 0; font-size: 0.95em; font-weight: normal; text-decoration: none; } #topusers a.sublevel:hover { text-decoration: underline; } .column-4 .user-left, .column-4 .user-centerleft, .column-4 .user-centerright, .column-4 .user-right { width: 24.8%; } .column-3 .user-left, .column-3 .user-centerleft, .column-3 .user-centerright, .column-3 .user-right { width: 33.1%; } .column-2 .user-left, .column-2 .user-centerleft, .column-2 .user-centerright, .column-2 .user-right { width: 49.8%; } .column-1 .user-left, .column-1 .user-centerleft, .column-1 .user-centerright, .column-1 .user-right { width: 100%; } .user-left, .user-centerleft, .user-centerright, .user-right { float: left; } /* **** PATHWAY */ #pathway { padding: 10px 12px; background-color: #FFF; border-top-width: 1px; border-top-style: solid; } #center { float: left; background-color: #FFF; padding: 15px 0 0 0; } #left { float: left; margin: 0 0 0 10px; padding: 0 15px 0 0; background-position: 100% 10px; background-repeat: no-repeat; } #right { float: right; margin: 0 10px 0 0; padding: 0 0 0 15px; background-position: 0 10px; background-repeat: no-repeat; } #left .module, #left .moduletable, #right .module, #right .moduletable { margin: 0 0 20px 0; } #left .contentheading, #right .contentheading { font-size: 1.1em; padding: 0; background: none; } #left h3, #right h3 { padding: 0; margin: 0 0 8px 0; font-size: 1.2em; font-weight: bold; } #left a.mainlevel, #right a.mainlevel { display: block; margin: 3px 0; padding: 0px 0 4px 16px; text-decoration: none; background-position: 0 2px; background-repeat: no-repeat; } #left a#active_menu, #right a#active_menu { border-bottom-width: 1px; border-bottom-style: dotted; } #left a.sublevel, #right a.sublevel { display: block; margin: 3px 0 3px 16px; padding: 0 0 2px 0; font-size: 0.95em; font-weight: normal; text-decoration: none; } #left a.sublevel:hover, #right a.sublevel:hover { text-decoration: none; } /* CONTENT */ #content { float: left; margin: 0 40px; padding: 0 0 15px 0; } * html #content { padding: 0 0 0px 0; margin: 0 6px; } #content ol { margin-left: 30px; } #content ul { margin-left: 25px; } #content ol li { list-style-type:decimal; padding: 2px 0px; } #content ul li { list-style-type:disc; padding: 2px 0px; } #content h1 { font-size: 1.5em; margin: 10px 0 6px 0; } #content h2 { font-size: 1.4em; letter-spacing: -0.02em; margin: 10px 0 4px 0; padding: 0 0 0 12px; background-position: 0 6px; background-repeat: no-repeat; } #content h3 { font-size: 1.3em; letter-spacing: -0.02em; margin: 10px 0 2px 0; } #content h4 { font-size: 1.2em; margin: 10px 0 2px 0; padding: 0 0 2px 0; border-bottom-width: 1px; border-bottom-style: solid; } #panelbottom { height: 12px; } /* **** BOTTOM */ .footer_bkgd { background-position: 0 0; background-repeat: repeat-x; } .footer_shadow_l { background-position: 0 100%; background-repeat: no-repeat; } .footer_shadow_r { background-position: 100% 100%; background-repeat: no-repeat; } .footer_shadow_lt { background-position: 0 0; background-repeat: no-repeat; } .footer_shadow_rt { background-position: 100% 0; background-repeat: no-repeat; } /* **** BOTTOM MODULES*/ #bottomusers { margin: 0 10px; background-position: 0 0; background-repeat: repeat-x; } #bottomusers .column_seperator { float: left; width: 2px; height: 125px; background-position: 0 0; background-repeat: no-repeat; } #bottomusers .moduletable { margin: 15px 10px 15px 10px; } #bottomusers h3 { padding: 0 0 10px 0; margin: 0 0 8px 0; font-size: 1.2em; font-weight: bold; background-position: 0 100%; background-repeat: repeat-x; } #bottomusers .contentheading { font-size: 1.1em; padding: 0; background: none; } #bottomusers tr.sectiontableentry1 td, #bottomusers td.sectiontableentry1, #bottomusers tr.sectiontableentry2 td, #bottomusers td.sectiontableentry2 { background: none; border: none; } #bottomusers ul.latestnews li, #bottomusers ul.mostread li { background-image: url(../images/arrow_white.png); } #bottomusers a.mainlevel { display: block; margin: 1px 0; padding: 0 0 2px 16px; text-decoration: none; background-position: 0 2px; background-repeat: no-repeat; } #bottomusers a.mainlevel:hover { text-decoration: underline; } #bottomusers a.sublevel { display: block; margin: 1px 0 1px 16px; padding: 0 0 1px 0; font-size: 0.95em; font-weight: normal; text-decoration: none; } #bottomusers a.sublevel:hover { text-decoration: underline; } /* **** COPYRIGHT */ h1#neojoomla { position: relative; float: left; left: 50%; width: 145px; height: 35px; margin: 10px 0 0 -72px; font-size: 10px; background-position: 0 0; background-repeat: no-repeat; cursor: hand; } * html h1#neojoomla { float: none; } /* IE */ h1#neojoomla span { display: none; } #copyright { clear: both; padding: 100px 0 4px 0; /*jjjjjjjjjjjjjjjjjjj*/ background-position: 100% 200px; background-repeat: no-repeat; text-align: center; } #copyright .moduletable { margin: 0 0 6px 0; padding: 4px 0 6px 0; background-position: 50% 100%; background-repeat: no-repeat; } #copyright, #copyright h1 { font-weight: normal; font-size: 0.95em; } #copyright a { font-weight: normal; text-decoration: none; } #copyright a:hover { text-decoration: underline; } #copyright a#active_menu { color: #FFF; font-weight: bold; } /* **** TEMPLATE CUSTOMISZER */ #templateCustomizer { float: right; margin: 10px 10px 0 0; } #templateCustomizer ul { float: left; margin: 0 0 0 6px; } #templateCustomizer li { display: inline; } #templateCustomizer li a { display: block; float: left; width: 17px; height: 15px; } #templateCustomizer li a span { display: none; } /* **** TOGGLE OPEN/CLOSE BUTTON */ .toggle_line { clear: both; padding-top: 2px; background-position: 0 0; background-repeat: repeat-x; } * html .toggle_line { padding-top: 1px; } /* IE */ a.toggle-up, a.toggle-down { display: block; float: right; width: 21px; height: 12px; background-repeat: no-repeat; margin: 0 15px 0 0; text-decoration: none; border-left-width: 1px; border-left-style: solid; } a.toggle-up:hover, a.toggle-down:hover { text-decoration: none; } a.toggle-up span, a.toggle-down span { display: none; } a.toggle-up { background-position: 100% -12px; } a.toggle-down { background-position: 100% 0; } /* **** NEOJOOMLA MODULES STUFFS */ ul.neolatestnews li { margin: 0 0 12px 0; } ul.neolatestnews li p { margin: 4px 0; } ul.neolatestnews a { text-decoration: none; } ul.neolatestnews a:hover { text-decoration: underline; } ul.neolatestnews a.newstitle { font-size: 1.1em; } ul.neolatestnews li a.readon { font-size: 0.95em; text-decoration: underline; } ul.neolatestnews li a.readon:hover { text-decoration: none; } div.readall { text-align: right; } div.readall a:hover {} /* **** HTML TAGS */ html, body { height: 100%; margin: 0px; padding: 0px; } body{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; background-color: #FFF; } table { font-size: 1em; } h1, h2, h3, h4, ol, ul, li, form { padding: 0px; margin: 0px; } ul li { list-style-type: none; } a { color: #666; font-weight: bold; text-decoration:underline; } a:hover { color: #333; text-decoration: none; } hr { height: 1px; border: 0px; color: #999; background-color: #999; } img { border: 0px; } input, select, textarea { font: normal 11px Arial, Helvetica, sans-serif; padding: 1px; border-width: 1px; } /* **** JOOMLA STUFFS */ /* FORMS */ input.inputbox, select.inputbox, textarea { color: #333; } input.button { font-weight: bold; padding: 2px 4px !important; padding: 2px; color: #FFF; background-color: #29292B; border-top-color: #666; border-left-color: #666; border-right-color: #000; border-bottom-color: #000; } /* PATHWAY */ span.pathway { font-size: 0.95em; white-space: nowrap; } span.pathway img { display: none; } span.pathway a { padding: 0px 10px 0px 0px; margin: 0px 2px 0 0; font-weight: bold; text-decoration: none; background-position: 100% 4px; background-repeat: no-repeat; } span.pathway a:hover { text-decoration: underline; } /* SMALL TEXT, DATES */ .createdate, .modifydate, .small { font-size: 0.95em; text-align: left; } /* **** PAGE CONTENT */ /* PRINT PAGE */ body.contentpane { padding: 6px 10px 4px 10px; } table.contentpaneopen, table.contentpane, table.blog { width: 100%; font-size: 1em; } /* HEADING OF COMPONENT */ .componentheading { clear: both; padding: 0px 0 24px 1px; font-weight: bold; font-size: 1.4em; letter-spacing: -0.02em; background-position: 1px 100%; background-repeat: repeat-x; } /* HEADING OF CONTENT */ .contentheading { padding: 0 0 10px 2px; font-weight: bold; font-size: 1.4em; letter-spacing: -0.03em; background: url(../images/dotline.png) repeat-x 0 100%; } .contentheading a { text-decoration: none; } .contentheading a:hover { text-decoration: none; } /* BUTTONS HEADING (PRINT, EMAIL, PDF) */ .buttonheading { text-align: left; vertical-align: bottom; font-size: 0.85em; } .buttonheading img { border: 0; } .buttonheading a { text-decoration: none; } .buttonheading a:hover { text-decoration: underline; } .contentdescription { padding: 6px 0px; } .pagenavcounter { text-align: right; } /* TABLE OF CONTENT */ table.contenttoc { margin: 0 0 4px 4px; border-width: 1px; border-style: solid; } table.contenttoc th { font-weight: bold; text-align: center; padding: 2px 6px 8px 6px; background-position: 1px 100%; background-repeat: repeat-x; } table.contenttoc td { padding: 2px 2px 2px 4px; } table.contenttoc a.toclink { font-size: 0.95em; font-weight: normal; text-decoration: none; } table.contenttoc a.toclink:hover { text-decoration: underline; } /* MOS IMAGE */ div.mosimage { width: auto; margin: 2px; } div.mosimage img {} div.mosimage_caption { padding: 2px; } /* READMODRE LINK FOR ARTICLES */ a.readon { font-size: 0.95em; text-decoration: underline; } a.readon:hover { text-decoration: none; } /* ARTICLE SEPERATOR */ span.article_seperator { display: none; } /* BLOG MORE */ .blog_more { padding: 6px; margin: 4px; } .blog_more ul{ padding: 0 0 0 4px; } .blog_more li{ padding: 1px 0 1px 12px !important; margin: 0 0 4px 0; list-style: none !important; background-position: 0 6px; background-repeat: no-repeat; } .blog_more a {} .blog_more a:hover {} /* TABLE ITEMS */ .sectiontableheader { padding: 4px 2px; border-top-width: 1px; border-top-style: solid; color: #FFF; } .sectiontableheader a, .sectiontableheader a:hover { color: #FFF; } tr.sectiontableentry1 td, td.sectiontableentry1, tr.sectiontableentry2 td, td.sectiontableentry2 { padding: 2px; border-bottom-width: 1px; border-bottom-style: solid; } .sectiontableentry1 a, .sectiontableentry2 a { text-decoration: none; } .sectiontableentry1 a:hover, .sectiontableentry2 a:hover { text-decoration: underline; } /* PAGIN NAVIGATION */ .pagenavbar { padding: 4px; text-align: left; } span.pagenav, a.pagenav { font-size: 1em; font-weight: bold; margin: 0px 2px; } a.pagenav, .pagenav_prev a, .pagenav_next a { font-size: 1em; font-weight: bold; text-decoration: none; } a.pagenav:hover, .pagenav_prev a:hover, .pagenav_next a:hover { text-decoration: underline; } /* BACK BUTTON */ div.back_button { text-align: right; padding: 3px 0px; background: url(../images/dotline.png) repeat-x 0 0; } div.back_button a { display: block; float: right; padding: 0 24px 0 0; font-size: 1em; font-weight: bold; text-decoration: none; background-position: 100% 0; background-repeat: no-repeat; } div.back_button a:hover { text-decoration: none; } /* SEARCH RESULTS */ table.searchintro{ padding: 8px 0px; width: 100%; } span.highlight { background-color: #FFFF99; } /* **** JOOMLA MODULES STUFFS */ table.moduletable { width: 100%; } /* SYNDICATE */ .syndicate img { margin: 1px 0px; } /* POLL */ .poll {} .pollstableborder { width: 100%; } .pollstableborder .sectiontableentry1 {} .pollstableborder .sectiontableentry2 {} .poll div { padding: 4px 0px; } /* LATESTNEWS, MOSTREAD */ ul.latestnews, ul.mostread { margin: 0px 0px 0px 2px; } ul.latestnews li, ul.mostread li { margin: 6px 0px; padding: 0 0 0 11px; background-position: 0 5px; background-repeat: no-repeat; } ul.latestnews a, ul.mostread a { text-decoration: none; font-weight: normal; } ul.latestnews a:hover, ul.mostread a:hover { text-decoration: underline; } /* **** FRONTEND ADMIN STUFFS */ /* VALIDATION MESSAGE */ div.message { font-size: 0.95em; font-weight: bold; color: #CC0000; text-align: center; padding: 5px 0px; } /* FORM TOOLBAR */ table#toolbar a.toolbar { border: 1px solid #CCC; background-color: #FFF; } table#toolbar a.toolbar:hover { border: 1px solid #666; background-color: #F5F5F5; }