SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Member
    Join Date
    Mar 2012
    Location
    Syria
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Unhappy my joomla site is not centerd on IE..and more problems

    hi all... i need a help with my site... i feel like i am in a big problem...my site is showing perfectly on Firefox...but IE is breaking it:
    it seems like it is cutted or goes to the right... and when i move the mouse over the right menu ..the menu moves to the left!!!
    and the navigation menu disappeared on IE
    i donít know what to do.. i tried to figure out how to solve those issues .. and there were many other problems ... but no solution
    by the way the site is in Arabic language...
    right now it is offline but i will give u the username and the password to view it..sorry but i cant make it online to the public right now... i will appreciate your help.. and excuse me for my poor English
    this is the URL:
    alrifaii.net
    username: dr.alrifaii
    password: alrifaii



    this is my site template's css:
    Code:
    @import "tr_base.css";
    /* =Imports=
    	Import Base Styles (reset, grid, floats, headings)
    /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
    /* Preboot.less
     * Variables and mixins to pre-ignite any new web development project
     * ------------------------------------------------------------------ */
    .clearfix {
      zoom: 1;
    }
    .clearfix:before, .clearfix:after {
      display: table;
      content: "";
    }
    .clearfix:after {
      clear: both;
    }
    .center-block {
      display: block;
      margin: 0 auto;
    }
    .container {
      width: 940px;
      margin: 0 auto;
      zoom: 1;
    }
    .container:before, .container:after {
      display: table;
      content: "";
    }
    .container:after {
      clear: both;
    }
    /* @group Logo */
    /* =Logo=
    	Dimensions and padding for Logo, modify here:
    /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
    #logo {
      height: 105px;
      margin: 0px 0px 0 580px;
    padding: 0px 0px 0px 0px;
     
    }
    /* @end */
    /* @group Basic Text Elements */
    /* =Text Colors=
    /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
    a:link, a:visited {
      color: #ff0000;
    }
    h1 a,
    h2 a,
    h3 a,
    h4 a,
    h5 a,
    h6 a {
      text-decoration: none;
    }
    h1 a:hover,
    h2 a:hover,
    h3 a:hover,
    h4 a:hover,
    h5 a:hover,
    h6 a:hover {
      text-decoration: underline;
     
    }
    /* =Text Styles=
    /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
    h2.contentheading {
      font-size: 1.1em;
     font-weight: bold ;
      margin-bottom: 5px;
    }
    p.readmore {
      text-indent: 0;
      font-size: 0.8em;
    }
    p {
      margin-bottom: 1em;
    }
    blockquote {
      border-left: 6px solid #CCCCCC;
      font-family: Arial, Georgia, serif;
      font-size: 1.2em;
      line-height: 1.4;
      margin-left: 12px;
      padding-left: 12px;
    }
    blockquote cite {
      margin-left: 0;
    }
    q {
      font-style: italic;
    }
    cite {
      margin-left: 30px;
    }
    code {
      background: #F3F3F3;
      border-color: #CCCCCC;
      border-style: solid;
      border-width: 1px 1px 1px 12px;
      color: #333333;
      display: block;
      margin: 4px 0 10px;
      padding: 8px 12px;
      text-shadow: 0 1px 0 #FFFFFF;
    }
    abbr,
    code,
    kbd,
    samp,
    small,
    var {
      line-height: 16px;
    }
    abbr, acronym {
      border-bottom: .1em dotted;
      cursor: help;
      font-size: 85%;
      text-transform: uppercase;
    }
    sup {
      vertical-align: super;
    }
    sub {
      vertical-align: sub;
    }
    sup, sub {
      line-height: 0;
    }
    small, sup, sub {
      font-size: 80%;
    }
    ul, ol {
      padding-top: 0;
    }
    ol {
      list-style: decimal;
    }
    ul {
      list-style: square;
    }
    li {
      margin-left: 30px;
    }
    dl,
    hr,
    ol,
    ul,
    pre,
    table,
    address,
    fieldset {
      margin-bottom: 20px;
    }
    dt {
      font-weight: bold;
    }
    dd {
      background: none no-repeat left top;
      padding-left: 18px;
      margin-bottom: 12px;
      font-style: italic;
    }
    .highlight {
      background: #FFFFDD;
      color: #000;
      padding: 0 3px;
    }
    /* @end */
    /* @group Layout */
    /* =Layout=
    /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
    body {
      background-color: #242424;
      background-repeat: repeat;
    }
    #wrapper {
      background: transparent url(../images/header_bg.png) repeat-x ;
      padding-top: 9px;
    }
    #header-module {
      text-align: right;
      margin: -80px 0px 0px 60px;
    
    }
    #header {
    background: url("../images/header_bottom.png") repeat-x 0 bottom;
      border-bottom: 1px solid #FFFFFF;
      float: right;
      width: 960px;
      height: 125px;
    
    }
    #main {
      background: #ffffff;
    font-family: Tahoma,Arial, Georgia, serif;
    
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      border-radius: 8px;
      -webkit-box-shadow: 0 0 10px #000000;
      -moz-box-shadow: 0 0 10px #000000;
      box-shadow: 0 0 10px #000000;
      margin-bottom: 45px;
      background: #ffffff url("../images/content_wrapper.png") repeat-x 0 0;
    }
    #navbar {
      background-image: url(../images/nav_bg.png);
      background-repeat: repeat-x;
      height: 40px;
      width: 950px;
      float: right;
      padding-left: 10px;
    font-size: 12px;
    font-weight:bold;
    
    }
    #copyright {
      position: relative;
      text-align: right;
      color: #999;
    }
    #copyright a {
      color: #999;
      text-decoration: underline;
    }
    #footer {
      text-align: left;
      padding: 15px 0;
      font-size: .9em;
    }
    /* @end */
    /* @group Navbar */
    /* =Navbar=
    /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
    #navbar .nav_wrapper {
      width: 760px;
      float: right;
    }
    #navbar .search_wrapper {
      float: left;
      margin-right: 10px;
      width: 170px;
      margin-top: 8px;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      border-radius: 8px;
      -webkit-box-shadow: 0 0 2px #bebebe inset;
      -moz-box-shadow: 0 0 2px #bebebe inset;
      box-shadow: 0 0 2px #bebebe inset;
      border-left: 1px solid #bbb;
      border-top: 1px solid #bbb;
      background: #dedede url(../images/mod_bg.png) repeat-x;
    }
    #navbar .search_wrapper input#mod-search-searchword {
      padding: 3px 5px;
      background: transparent;
      border: none;
      color: #999;
      outline: none;
    }
    #navbar .search_wrapper input#mod-search-searchword:focus {
      color: #000000;
    }
    #navbar ul ul {
      margin-top: 1px;
      -webkit-border-radius: 0 0 8px 8px;
      -moz-border-radius: 0 0 8px 8px;
      border-radius: 0 0 8px 8px;
      -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
      -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
      box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
      border-right: 1px solid rgba(0, 0, 0, 0.6);
      border-bottom: 1px solid rgba(0, 0, 0, 0.6);
    }
    #navbar ul {
      float: right;
      border-right: 1px solid rgba(255, 255, 255, 0.1);
      border-left: 1px solid rgba(0, 0, 0, 0.1);
    
    }
    #navbar ul a {
      line-height: 40px;
      border-left: 1px solid rgba(255, 255, 255, 0.1);
      border-right: 1px solid rgba(0, 0, 0, 0.1);
    }
    #navbar ul .selected a {
      background: url(../images/hnav_bg.png) repeat-x 0 1px;
      border-left: 1px solid rgba(0, 0, 0, 0.4);
      border-right: 1px solid rgba(0, 0, 0, 0.4);
      margin: 0;
      color: #ffffff;
    }
    #navbar ul .selected ul a {
      background-image: none;
      border-left: none;
      border-right: none;
      color: #ffffff;
      margin: 0;
    }
    #navbar ul .selected .selected a {
      background: url(../images/hnav_bg.png) repeat-x 0 0;
      border-left: none;
      border-right: none;
      color: #ffffff;
      margin: 0 1px;
    }
    #navbar ul a:hover {
      background: url(../images/hnav_hover.png) repeat-x 0 1px;
      border-left: 1px solid rgba(255, 255, 255, 0.2);
      border-right: 1px solid rgba(255, 255, 255, 0.2);
      margin: 0;
      color: #ffffff;
    }
    #navbar ul ul a {
      line-height: 26px;
      border-left: none;
      border-right: none;
      border-bottom: 1px solid rgba(0, 0, 0, 0.2);
      border-top: 1px solid rgba(255, 255, 255, 0.2);
    }
    #navbar ul ul a:hover {
      background: url(../images/hnav_hover.png) repeat-x 0 0;
      color: #ffffff;
      border-left: none;
      border-right: none;
    }
    /* @end */
    /* @group Content Area */
    /* =Content Area=
    /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
    #content_wrapper {
      background: url(../images/content_wrapper.png) repeat-x;
      padding: 15px 0;
      float: right;
    }
    #content_area h2 a:hover {
      color: black;
      text-decoration: none;
    
    }
    p.readmore a {
      background: #dedede url("../images/mod_bg.png") repeat-x;
      padding: 4px 8px;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      -webkit-box-shadow: -1px -1px 0px #ababab inset;
      -moz-box-shadow: -1px -1px 0px #ababab inset;
      box-shadow: -1px -1px 0px #ababab inset;
      display: inline-block;
      border: 1px solid #ccc;
      text-decoration: none;
      font-weight: bold;
      line-height: 16px;
    }
    p.readmore a:hover {
      background: #ffffff url("../images/content_wrapper.png") repeat-x;
      color: #000;
    }
    /* @end */
    /* @group Sidebars */
    /* =Sidebars=
    /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
    #left h3, #right h3 {
      font-size: 1.5em;
      margin-bottom: 0.5em;
    }
    #left .module, #right .module {
      padding: 10px;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      border-radius: 8px;
      border-left: 1px solid #bbb;
      border-top: 1px solid #bbb;
      -webkit-box-shadow: 0 0 2px #bebebe inset;
      -moz-box-shadow: 0 0 2px #bebebe inset;
      box-shadow: 0 0 2px #bebebe inset;
      background: #dedede url(../images/mod_bg.png) repeat-x;
      margin-bottom: 20px;
    }
    #left .modulemodborder,
    #right .modulemodborder,
    #left .modborder,
    #right .modborder {
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      border-radius: 8px;
      -webkit-box-shadow: 0 0 2px #bebebe inset;
      -moz-box-shadow: 0 0 2px #bebebe inset;
      box-shadow: 0 0 2px #bebebe inset;
      border-left: 1px solid #bbb;
      border-top: 1px solid #bbb;
      padding: 10px;
      background: none;
      margin-bottom: 20px;
    text-align:justify;
    }
    #left .modulenobg,
    #right .modulenobg,
    #left .nobg,
    #right .nobg {
      border: none;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      padding: 10px;
      background: none;
      margin-bottom: 20px;
    text-align:justify;
    }
    /* @end */
    /* @group Sidebar Menus */
    /* =Sidebar Menus=
    /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
    #left .joomla-nav,
    #left .joomla-nav-menu,
    #right .joomla-nav,
    #right .joomla-nav-menu {
      background: #dedede url(../images/nav_separator.png) repeat-x top left;
      padding: 2px 0 0;
      margin-bottom: 0;
      font-size: 12px;
    }
    #left .joomla-nav a,
    #left .joomla-nav-menu a,
    #right .joomla-nav a,
    #right .joomla-nav-menu a {
      text-decoration: none;
      display: block;
      padding: 2px 5px 4px;
      color: #333;
      background: transparent url(../images/nav_separator.png) repeat-x bottom left;
    }
    #left .joomla-nav span.separator,
    #left .joomla-nav-menu span.separator,
    #right .joomla-nav span.separator,
    #right .joomla-nav-menu span.separator {
      text-decoration: none;
      display: block;
      padding: 4px 5px 6px;
      color: #898989;
      font-size: 12px;
      text-transform: uppercase;
      font-weight: bold;
      text-shadow: 0 1px 0 #fff;
      background: transparent url(../images/nav_separator.png) repeat-x bottom left;
    }
    #left .joomla-nav a:hover,
    #left .joomla-nav-menu a:hover,
    #right .joomla-nav a:hover,
    #right .joomla-nav-menu a:hover {
      background: #efefef url(../images/nav_separator.png) repeat-x bottom left;
      color: #000000;
    }
    #left .joomla-nav li,
    #left .joomla-nav-menu li,
    #right .joomla-nav li,
    #right .joomla-nav-menu li {
      margin: 0;
      list-style: none;
    }
    #left .joomla-nav li ul a,
    #left .joomla-nav-menu li ul a,
    #right .joomla-nav li ul a,
    #right .joomla-nav-menu li ul a {
      text-indent: 10px;
    }
    #left .joomla-nav li ul ul a,
    #left .joomla-nav-menu li ul ul a,
    #right .joomla-nav li ul ul a,
    #right .joomla-nav-menu li ul ul a {
      text-indent: 20px;
    }
    #left .joomla-nav li ul ul ul a,
    #left .joomla-nav-menu li ul ul ul a,
    #right .joomla-nav li ul ul ul a,
    #right .joomla-nav-menu li ul ul ul a {
      text-indent: 30px;
    }
    #left .joomla-nav li#current a,
    #left .joomla-nav-menu li#current a,
    #right .joomla-nav li#current a,
    #right .joomla-nav-menu li#current a {
      background: #ffffff url(../images/nav_separator.png) repeat-x bottom left;
      font-weight: bold;
    }
    #left .joomla-nav li#current a:hover,
    #left .joomla-nav-menu li#current a:hover,
    #right .joomla-nav li#current a:hover,
    #right .joomla-nav-menu li#current a:hover {
      background: #efefef url(../images/nav_separator.png) repeat-x bottom left;
      color: #000000;
    }
    #left .joomla-nav li#current ul a,
    #left .joomla-nav-menu li#current ul a,
    #right .joomla-nav li#current ul a,
    #right .joomla-nav-menu li#current ul a {
      background: #dedede url(../images/nav_separator.png) repeat-x bottom left;
      border: none;
      color: #333333;
      font-weight: normal;
    }
    /* @end */
    /* @group Breadcrumbs */
    /* =Breadcrumbs=
    /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
    .breadcrumbs {
      font-size: 11px;
      margin-bottom: 5px;
    }
    .breadcrumbs img {
      margin: 0 2px;
    }
    .breadcrumbs .showHere {
      margin: 0 4px 0 0;
    }
    .breadcrumbs a {
      text-decoration: none;
    }
    .breadcrumbs a:hover {
      text-decoration: underline;
      color: #000000;
    }
    /* @end */
    /* @group Joomla Styling */
    /* =Category List=
    /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
    .categories-list ul li {
      list-style: none;
      margin-left: 0;
    }
    .categories-list ul li span.item-title {
      font-size: 1.4em;
    }
    .categories-list ul li .category-desc, .categories-list ul li .category-desc p {
      margin-bottom: 0;
    }
    .categories-list ul li dl {
      font-size: 11px;
      color: #999;
      border-bottom: 1px dotted #ccc;
      padding-bottom: 10px;
      margin-bottom: 10px;
    }
    .categories-list ul li dt {
      font-weight: bold;
    }
    .categories-list ul li dt, .categories-list ul li dd {
      display: inline;
    }
    .categories-list ul li ul {
      margin-left: 12px;
    }
    .cat-children li {
      list-style: none;
      margin: 0;
    }
    .cat-children li .item-title {
      font-size: 1.4em;
    }
    .cat-children li .category-desc {
      margin-bottom: 20px;
      border-bottom: 1px dotted #ccc;
      padding-bottom: 10px;
    }
    /* =Misc=
    /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
    dl.article-info {
      color: #666;
      font-size: 11px;
      margin: 0 0 5px;
      padding: 2px;
    }
    dl.article-info dt.article-info-term {
      display: none;
    }
    dl.article-info dd {
      font-style: normal;
      margin-bottom: 0;
      padding-left: 0;
    }
    .img_caption {
      color: #999;
      font-size: 11px;
      margin-bottom: 0;
    }
    .tplc {
      position: absolute;
      bottom: -40px;
      right: 0;
      font-size: 0px;
      color: #666666;
    }
    
    #copyright .tplc a {
      text-decoration: none;
      color: #666666;
    }
    /* =Article Functions=
    /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
    ul.actions {
      clear: both;
      margin: -30px 0 0;
      float: left;
    }
    ul.actions li {
      list-style-type: none;
      float: right;
      margin-left: 10px;
    }
    /* @end */
    /* @group Pagination */
    /* =Pagination=
    /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
    .pagination {
      border-top: 1px dotted #ccc;
      padding-top: 10px;
      float: right;
      margin: 10px 0 4px;
      padding: 8px 0;
      text-align: center;
      width: 100%;
    }
    .pagination ul {
      margin: 0;
      text-align: center;
    }
    .pagination ul li {
      background: #dedede url("../images/mod_bg.png") repeat-x;
      padding: 4px 8px;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      -webkit-box-shadow: -1px -1px 0px #ababab inset;
      -moz-box-shadow: -1px -1px 0px #ababab inset;
      box-shadow: -1px -1px 0px #ababab inset;
      display: inline;
      border: 1px solid #ccc;
      text-decoration: none;
      font-weight: bold;
      line-height: 16px;
      color: #999;
      text-shadow: 0 1px 0 #fff;
      margin: 0 10px 0 0;
    }
    .pagination ul li a {
      color: #333;
      font-weight: bold;
      text-decoration: none;
    }
    .pagination ul li a:hover {
      color: #000;
    }
    /* =Page Nav=
    /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
    ul.pagenav {
      border-top: 1px dotted #ccc;
      margin-top: 10px;
      padding-top: 10px;
      text-align: center;
    
    }
    ul.pagenav li {
      margin: 0;
      list-style: none;
      display: inline;
    }
    ul.pagenav .pagenav-prev, ul.pagenav .pagenav-next {
      margin-right: 5px;
      display: inline-block;
    }
    ul.pagenav .pagenav-prev a, ul.pagenav .pagenav-next a {
      background: #dedede url("../images/mod_bg.png") repeat-x;
      padding: 4px 8px;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      display: inline-block;
      border: 1px solid #ccc;
      -webkit-box-shadow: -1px -1px 0px #ababab inset;
      -moz-box-shadow: -1px -1px 0px #ababab inset;
      box-shadow: -1px -1px 0px #ababab inset;
      text-decoration: none;
      font-weight: bold;
      line-height: 16px;
    }
    ul.pagenav .pagenav-prev a:hover, ul.pagenav .pagenav-next a:hover {
      background: #ffffff url("../images/content_wrapper.png") repeat-x;
      color: #000;
    }
    /* @end */
    /* @group Forms */
    /* =Forms=
    /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
    fieldset {
      padding: 10px;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      border-radius: 8px;
      -webkit-box-shadow: 1px 1px 2px #bebebe inset;
      -moz-box-shadow: 1px 1px 2px #bebebe inset;
      box-shadow: 1px 1px 2px #bebebe inset;
      border-left: 1px solid #bbb;
      border-top: 1px solid #bbb;
      background: #dedede url(../images/mod_bg.png) repeat-x;
      margin-bottom: 20px;
    }
    fieldset legend {
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px;
      background: #fff;
      border: 1px solid #dedede;
      padding: 2px 8px;
      font-weight: bold;
      font-size: 12px;
    }
    /* @end */
    /* @group Search */
    /* =Search=
    /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
    dl.search-results .result-title {
      font-weight: bold;
      font-size: 1em;
      border-bottom: 1px dotted #ccc;
      padding-bottom: 2px;
      margin-bottom: 2px;
      margin-top: 10px;
    }
    dl.search-results .result-category {
      display: inline-block;
      color: #999;
      font-size: 10px;
      float: left;
      margin-top: -24px;
    }
    dl.search-results .result-text {
      font-size: 12px;
    }
    dl.search-results .result-created {
      color: #999;
      font-size: 12px;
    }
    /* @end */
    /* @group Tables */
    /* =Tables=
    	weblinks, newsfeeds, category
    /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
    table.weblinks,
    table.newsfeeds,
    table.category,
    table.jlist-table {
      width: 100%;
    }
    table.weblinks th,
    table.newsfeeds th,
    table.category th,
    table.jlist-table th {
      background-image: url("../images/dark_gradient.png");
      background-repeat: repeat-x;
      background-position: 0 bottom;
      color: #fff;
      padding: 3px 3px 5px;
      font-size: 12px;
      text-align: right;
    }
    table.weblinks th a,
    table.newsfeeds th a,
    table.category th a,
    table.jlist-table th a {
      color: #fff !important;
      text-decoration: none;
    }
    table.weblinks td,
    table.newsfeeds td,
    table.category td,
    table.jlist-table td {
      padding: 3px;
      color: #666666;
    }
    table.weblinks td p,
    table.newsfeeds td p,
    table.category td p,
    table.jlist-table td p {
      margin-bottom: 0px;
    }
    table.weblinks td a,
    table.newsfeeds td a,
    table.category td a,
    table.jlist-table td a {
      font-weight: bold;
      text-decoration: none;
    }
    table.weblinks td a:hover,
    table.newsfeeds td a:hover,
    table.category td a:hover,
    table.jlist-table td a:hover {
      color: #000;
      text-decoration: underline;
    }
    table.weblinks td.hits,
    table.newsfeeds td.hits,
    table.category td.hits,
    table.jlist-table td.hits {
      text-align: center;
      padding: 10px;
    }
    table.weblinks tr,
    table.newsfeeds tr,
    table.category tr,
    table.jlist-table tr {
      border: 1px solid #ababab;
    }
    td.table_footer {
      background: #dddddd url(../images/table_footer.gif) bottom left repeat-x;
    }
    /* =General Table Styles=
    /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
    table {
      width: 100%;
      margin-bottom: 10px;
     font-size: 12px;
    }
    th, td {
      padding: .2em 1em;
      text-align: right;
      vertical-align: top;
    }
    thead th {
      padding: .4em 1em .2em;
    }
    thead th.table-head {
      font-size: 1em;
      font-weight: normal;
      text-transform: uppercase;
    }
    table.tableStyle caption {
      font-style: italic;
      text-align: right;
      margin-bottom: 10px;
    }
    table.tableStyle th {
      background-color: #EEEEEE;
      border-bottom: 1px solid #CCCCCC;
      border-right: 1px solid #CCCCCC;
      padding: 2px 10px;
    }
    table.tableStyle td {
      border-bottom: 1px solid #CCCCCC;
      border-right: 1px solid #CCCCCC;
      padding: 2px 10px;
    }
    /* =Zebra Stripes=
    /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
    .cat-list-row0 td, .cat-list-row1 td {
      -webkit-box-shadow: 1px 1px 0px #efefef inset;
      -moz-box-shadow: 1px 1px 0px #efefef inset;
      box-shadow: 1px 1px 0px #efefef inset;
      border: 1px solid #ababab;
    }
    .cat-list-row1 {
      background: #dedede;
    }
    /* @end */
    /* @group Components */
    /* =Contact=
    /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
    .jicons-icons {
      float: left;
      padding: 0 7px 0 0;
    }
    .contact-image img {
      margin: 10px 0 10px 10px;
    }
    .contact-user-details {
      margin: 10px 0 10px;
    }
    .contact-form, .contact-links, .contact-miscinfo {
      margin-top: 10px;
    }
    /* =Newsfeeds=
    /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
    .feed-description {
      font-style: italic;
      color: #666;
      margin-bottom: 10px;
    }
    .feed-item-description img {
      margin: 4px 10px 10px 0;
      border: 2px solid #cccccc;
    }
    /* @end */
    /* @group Panels */
    /* =Panels=
    /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
    div.panel {
      border: 1px solid #ababab;
      margin-bottom: 15px;
      background: #eee;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px;
    }
    div.panel .content {
      padding: 10px;
      -webkit-border-radius: 0 0 4px 4px;
      -moz-border-radius: 0 0 4px 4px;
      border-radius: 0 0 4px 4px;
      border-top: 1px solid #bbb;
      background: #ffffff url("../images/content_wrapper.png") repeat-x 0 0;
    }
    div.panel h3.pane-toggler, div.panel h3.pane-toggler-down {
      background: #ffffff url(../images/content_wrapper.png) repeat-x;
      padding: 5px;
      font-size: 12px;
      margin-bottom: 0;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px;
    }
    div.panel h3.pane-toggler-down {
      -webkit-border-radius: 4px 4px 0 0;
      -moz-border-radius: 4px 4px 0 0;
      border-radius: 4px 4px 0 0;
      border-bottom: 1px solid #ccc;
    }
    div.panel h3.pane-toggler a {
      display: block;
      height: 21px;
      text-decoration: none;
      background: url(../images/down.png) no-repeat right 50%;
    }
    div.panel h3.pane-toggler-down a {
      display: block;
      height: 21px;
      text-decoration: none;
      background: url(../images/up.png) no-repeat right 50%;
    }
    /* @end */
    /* @group Login Styles */
    /* =Login Styles=
    /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
    div.login-fields {
      padding: 5px 0;
    }
    div.login-fields label {
      width: 24%;
      display: inline-block;
    }
    p#form-login-username label, p#form-login-password label {
      width: 160px;
      display: block;
    }
    p#form-login-remember label {
      font-size: .9em;
      font-weight: normal;
      line-height: 25px;
    }
    p#form-login-remember input {
      float: left;
      margin-right: 5px;
    }
    form#form-login ul {
      margin: 0;
      padding: 0;
    }
    form#form-login ul li {
      list-style-type: none;
      margin-left: 20px;
      font-size: .9em;
    }
    /* @end */
    /* @group top menu */
    /* =Top/Footer Menus=
    /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
    #top ul.joomla-nav,
    #footer_menu ul.joomla-nav,
    #top ul.joomla-nav-menu,
    #footer_menu ul.joomla-nav-menu {
      margin-right: 0;
      margin-bottom: 0px;
    }
    #top ul.joomla-nav li,
    #footer_menu ul.joomla-nav li,
    #top ul.joomla-nav-menu li,
    #footer_menu ul.joomla-nav-menu li {
      display: inline;
      margin: 0 20px 0 0;
    }
    #top li a, #footer_menu li a {
      font-size: 11px;
      text-decoration: none;
    }
    #top li a:hover, #footer_menu li a:hover {
      text-decoration: underline;
    }
    #top {
      float: right;
      margin-bottom: 10px;
      color: #ccc;
      text-align: left;
    }
    #top a {
      color: #afae56;
    }
    #top a:hover {
      color: #fff;
    }
    #top-empty {
      height: 30px;
    }
    /* @end */
    /* @group horizontal menu */
    /* =Main Menu=
    /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
    #hnav, #hnav * {
      margin: 0;
      padding: 0;
      list-style: none;
    
    }
    #navbar a {
      padding: 0 10px 0 10px;
      text-decoration: none;
      line-height: 30px;
    }
    #hnav {
      line-height: 1.0;
    }
    #hnav ul {
      position: absolute;
      top: -999em;
      width: 14em;
      /* left offset of submenus need to match (see below) */
    
    }
    #hnav ul li {
      width: 100%;
    }
    #hnav li:hover {
      visibility: inherit;
      /* fixes IE7 'sticky bug' */
    
    }
    #hnav li {
      float: right;
      position: relative;
    }
    #hnav a {
      display: block;
      position: relative;
    }
    #hnav li:hover ul, #hnav li.sfHover ul {
      left: 0;
      top: 38px;
      /* match top ul list item height */
    
      z-index: 100001;
    }
    ul#hnav li:hover li ul, ul#hnav li.sfHover li ul {
      top: -999em;
    }
    ul#hnav li li:hover ul, ul#hnav li li.sfHover ul {
      left: 14em;
      /* match ul width */
    
      top: 0;
    }
    ul#hnav li li:hover li ul, ul#hnav li li.sfHover li ul {
      top: -999em;
    }
    ul#hnav li li li:hover ul, ul#hnav li li li.sfHover ul {
      left: 14em;
      /* match ul width */
    
      top: 0;
    }
    /* arrows */
    #hnav a.sf-with-ul {
      padding-right: 25px;
      min-width: 1px;
      /* trigger IE7 hasLayout so spans position accurately */
    
    }
    .sf-sub-indicator {
      position: absolute;
      display: block;
      right: 10px;
      top: 1.05em;
      /* IE6 only */
    
      width: 10px;
      height: 10px;
      text-indent: -999em;
      overflow: hidden;
    
      background: url('../images/arrows-ffffff.png') no-repeat -10px -100px;
      /* 8-bit indexed alpha png. IE6 gets solid image only */
    
    }
    a > .sf-sub-indicator {
      /* give all except IE6 the correct values */
    
      top: 15px;
      background-position: 0 -100px;
      /* use translucent arrow for modern browsers*/
    
    }
    /* apply hovers to modern browsers */
    a:focus > .sf-sub-indicator,
    a:hover > .sf-sub-indicator,
    a:active > .sf-sub-indicator,
    li:hover > a > .sf-sub-indicator,
    li.sfHover > a > .sf-sub-indicator {
      background-position: -10px -100px;
      /* arrow hovers for modern browsers*/
    
    }
    /* point right for anchors in subs */
    #hnav ul .sf-sub-indicator {
      background-position: -10px 0;
    }
    #hnav ul a > .sf-sub-indicator {
      background-position: 0 0;
    }
    /* apply hovers to modern browsers */
    #hnav ul a:focus > .sf-sub-indicator,
    #hnav ul a:hover > .sf-sub-indicator,
    #hnav ul a:active > .sf-sub-indicator,
    #hnav ul li:hover > a > .sf-sub-indicator,
    #hnav ul li.sfHover > a > .sf-sub-indicator {
      background-position: -10px 0;
      /* arrow hovers for modern browsers*/
    
    }
    /* shadows for all but IE6 */
    .sf-shadow ul {
      background: url('../images/shadow.png') no-repeat bottom right;
      padding: 0 8px 9px 0;
      -webkit-border-radius: 0 0 17px 17px;
      -moz-border-radius: 0 0 17px 17px;
      border-radius: 0 0 17px 17px;
    }
    .sf-shadow ul.sf-shadow-off {
      background: transparent;
    }
    /* @end */
    /* @group Joomla Layout */
    /* =Joomla Layout=
    /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
    .category-desc {
      margin-bottom: 10px;
      overflow: hidden;
    }
    .cols-1 {
      display: block;
      float: none !important;
      margin: 0 !important;
    }
    .cols-2 .column-1 {
      width: 46%;
      float: right;
    }
    .cols-2 .column-2 {
      width: 46%;
      float: left;
      margin: 0;
    }
    .cols-3 .column-1 {
      float: right;
      width: 29%;
      padding: 0px 5px;
      margin-right: 5%;
    }
    .cols-3 .column-2 {
      float: left;
      width: 29%;
      margin-left: 5px;
      padding: 0px 5px;
    display: inline;
    }
    .cols-3 .column-3 {
      float: left;
      width: 29%;
      padding: 0px 5px;
    }
    .items-row {
      overflow: hidden;
      float: right;
    
    }
    .column-1, .column-2, .column-3 {
      padding: 10px 5px;
    }
    .column-2 {
      width: 55%;
      margin-left: 40%;
    }
    .column-3 {
      width: 30%;
    }
    .blog-more {
      padding: 10px 5px;
    }
    .item {
      margin-bottom: 5px;
      float: right;
    }
    .blog .item-separator {
      margin-bottom: 30px;
    }
    .items-leading {
      float: right;
    }
    .content_item {
      float: right;
      margin-bottom: 20px;
    }
    /* @end */

  2. #2
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,585
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    Hi, I can't do extensive testing but here's a likely culprit
    Code:
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    
    <?xml version="1.0" encoding="utf-8"?>
    
    
    
    
    
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    You have elements aboev the doctype. Remove them. You should also validate the rest of the page because I only validated in the first place because during a quick skim, I noticed a good bit of invalid HTML.

    Your CSS should also be validated . Just to ensure it's not something stupid like invalid code.
    Twitter-@Ryan_Reese09
    http://www.ryanreese.us -Always looking for web design/development work

  3. #3
    SitePoint Member
    Join Date
    Mar 2012
    Location
    Syria
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Smile SOLVED

    thaaaanks alot this is really helped...i removed

    Code:
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    
    <?xml version="1.0" encoding="utf-8"?>
    and the site is looking great...still some issues in IE6 and IE7....i will try to solve them..since the big problem was solved...
    Thanks again

  4. #4
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,585
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    I'll take a look at the page later today for the IE issues. Though I wouldn't wrory about IE6 (although I'll peek there for obvious stuff) since it's basically a dead browser nowadays .
    Twitter-@Ryan_Reese09
    http://www.ryanreese.us -Always looking for web design/development work


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •