Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 4 of 4
  1. #1
    Junior Member
    Join Date
    Oct 2007
    Location
    United States
    Posts
    3
    Member #
    15988
    Hello, everyone. I sort of feel stupid posting this...but I've just looked over it so many times, and I don't really know what the problem is. My website is http://entershindig.com . I have changed the website layout recently, and now on pages other than the home page, I have weird spacing...which totally ignores my spacer.png...
    Well, enough of trying to explain myself. You can view an example here: http://entershindig.com/?q=node/64 . Any help is greatly appreciated.
    By the way, I have used compatibility view and validated the code, neither has worked.
    Here is my style.css (in case you notice any problems which may be causing it)
    Code:
    /* $Id: style.css,v 1.23 2007/12/17 15:05:09 goba Exp $ */
    /*
    ** HTML elements
    */
    body{
    background-color: #000000;
    font-family: Verdana;
    color: #000000;
    margin: 0;
    padding: 0;
    scrollbar-base-color: #E8E8E8;
    scrollbar-arrow-color: #000000;
    scrollbar-darkshadow-color: #CCCCCC;
    }
    tr.odd td, tr.even td {
      color: #000000;
      padding: 0.3em;
    }
    h1, h2, h3, h4, h5, h6 {
      margin-bottom: 0.5em;
    }
    h1 {
      font-size: 1.3em;
    }
    h2 {
      font-size: 1.2em;
    }
    h3, h4, h5, h6 {
      font-size: 1.1em;
    }
    p {
      margin-top: 0.5em;
      margin-bottom: 0.9em;
    }
    legend {
     color: 000000;
    }
    a {
      color: #003399;
      text-decoration: none;
      font-weight: bold;
    }
    li a.active{
      color: #003399;}
    a:link {
      color: #003399;
    }
    a:visited {
      color: #003399;
    }
    a:hover {
      color: #333333;
      text-decoration: none;
    }
    fieldset {
      color: #000000;
      border: none;
    }
    pre {
      padding: 0.75em 1.5em;
      font-size: 12px;
      
    }
    blockquote {
     border-style: dashed;
     border-size: 2px;
     font-family: Courier New;
     font-size: 12px;
    }
    table {
      /* make <td> sizes relative to body size! */
      font-size: 1em;
      color: #000000;
    }
    .form-item label {
      font-size: 1em;
      color: #000000;
    }
    .item-list .title {
      font-size: 1em;
      color: #000000;
    }
    .links {
      margin-bottom: 0;
    }
    .comment .links {
      margin-bottom: 0;
    }
    /*
    ** Page layout blocks / IDs
    */
    #header, #content {
      width: 800px;;
    }
    #header {
      background-color: #000000;
    }
    #logo {
      background-image: url(http://img215.imageshack.us/img215/1153/bannerx.png);
      width: 800px;
      height: 140px;
    }
    #logo img {
      text-align: center;
      padding: 0;
    }
    #menu {
      padding: 0.5em 0.5em 0 0.5em; /* LTR */
      text-align: right; /* LTR */
      vertical-align: middle;
      color: #000000;
    }
    #navlist {
      font-size: 1.0em;
      padding: 0 0.8em 1.2em 0; /* LTR */
      color: #FFF;
    }
    #navlist a {
      font-weight: bold;
      color: #003399;
    }
    #subnavlist {
      padding: 0.5em 1.2em 0.4em 0; /* LTR */
      font-size: 0.8em;
      color: #000000;
    }
    #subnavlist a {
      font-weight: bold;
      color: #003399;
    }
    ul.links li {
      color: #003399;
    }
    ul.links li.first {
      clor: #003399
      border: none;
    }
    #search .form-text, #search .form-submit {
      border: none;
      font-size: 1.1em;
      height: 1.5em;
      vertical-align: middle;
    }
    #search .form-text {
      width: 8em;
      padding: 0 0.5em;
    }
    #mission {
      padding: 1.5em 2em;
      color: #fff;
    }
    #mission a, #mission a:visited {
      color: #000000;
      font-weight: bold;
    }
    .site-name {
      margin: 0.6em 0 0 ;
      padding: 0;
      font-size: 2em;
    }
    .site-name a:link, .site-name a:visited {
      color: #000000;
    }
    .site-name a:hover {
      color: #666666;
      text-decoration: none;
    }
    .site-slogan {
      font-size: 1em;
      color: #000000;
      display: block;
      margin: 0;
      font-style: italic;
      font-weight: bold;
    }
    #top{
    width: 800px;
    }
     
    #main {
      /* padding in px not ex because IE messes up 100% width tables otherwise */
    width: 780px; 
    background-image:url(http://img11.imageshack.us/img11/3990/backgroundnw.png);
    background-repeat: repeat-y; 
    padding-left: 10px;
    font-face: verdana; 
    font-size: 10px; 
    color: #000000; 
    text-align: left; 
    margin-bottom: 0px;
    }
    #mission, .node .content, .comment .content {
      line-height: 1.4em;
    }
    #help {
      font-size: 0.9em;
      margin-bottom: 1em;
    }
    .breadcrumb {
    }
    .messages {
      border: none;
      padding: 0.3em;
      margin-bottom: 1em;
    }
    .error {
      border-color: red;
    }
    #sidebar-left, #sidebar-right {
      width: 200px;
      /* padding in px not ex because IE messes up 100% width tables otherwise */
      padding: 0px;
      vertical-align: top;
       float: left;
    }
    #sidebar-left a{
    color: #000000;
    }
    #footer {
    width: 800px; 
    height: 100px; 
    background-image:url(http://img147.imageshack.us/img147/6203/footero.png); 
    }
    /*
    ** Common declarations for child classes of node, comment, block, box, etc.
    ** If you want any of them styled differently for a specific parent, add
    ** additional rules /with only the differing properties!/ to .parent .class.
    ** See .comment .title for an example.
    */
    .title {
      font-weight: bold;
      font-size: 1.3em;
      color: #000000;
      margin: 0 auto;  /* decrease default margins for h<x>.title */
    }
    .title {
      font-weight: bold;
      font-size: 1.3em;
      color: #003399;
      margin: 0 auto;  /* decrease default margins for h<x>.title */
    }
    .submitted {
      color: #000000;
      font-size: 0.8em;
    }
    .links {
      color: #003399;
    }
    .links a {
      color: #003399
      font-weight: bold;
    }
    .block, .box {
      padding: 0 0 1.5em 0; /* LTR */
    }
    .block {
      padding-bottom: 0.75em;
      margin-bottom: 1.5em;
      color: #000000;
    }
    .block .title {
      margin-bottom: .25em;
      color: #000000;
    }
    .box .title {
      font-size: 1.1em;
      color: #000000;
    }
    .node {
      margin: .5em 0 2em; /* LTR */
    }
    .sticky {
      padding: .5em;
      border: none;
    }
    .node .content, .comment .content {
      margin: .5em 0 .5em;
    }
    .node .taxonomy {
      color: #FFF;
      font-size: 0.8em;
      padding-left: 1.5em; /* LTR */
    }
    .node .picture {
      border: none;
      float: right; /* LTR */
      margin: 0.5em;
    }
    .comment {
      border: none;
      padding: .5em;
      margin-bottom: 1em;
    }
    .comment .title a {
      font-size: 1.1em;
      font-weight: normal;
    }
    .comment .new {
      text-align: right; /* LTR */
      font-weight: bold;
      font-size: 0.8em;
      float: right; /* LTR */
      color: 000000;
    }
    .comment .picture {
      border: none;
      float: right; /* LTR */
      margin: 0.5em;
    }
    /*
    ** Module specific styles
    */
    #aggregator .feed-source {
      border: none;
      padding: 1em;
      margin: 1em 0;
    }
    #aggregator .news-item .categories, #aggregator .source, #aggregator .age {
      color: #000000;
      font-style: italic;
      font-size: 0.9em;
    }
    #aggregator .title {
      margin-bottom: 0.5em;
      font-size: 1em;
    }
    #aggregator h3 {
      margin-top: 1em;
    }
    #forum table {
      width: 100%;
    }
    #forum td {
      padding: 0.5em;
      background-color: #e8e8e8;
    }
    #forum td.forum, #forum td.posts {
      background-color: #e8e8e8;
    }
    #forum td.topics, #forum td.last-reply {
      background-color: #e8e8e8;
    }
    #forum td.container {
      background-color: #e8e8e8;
    }
    #forum td.container a {
      color: #555;
    }
    #forum td.statistics, #forum td.settings, #forum td.pager {
      height: 1.5em;
      border: none;
    }
    #forum td .name {
      color: #000000;
    }
    #forum td .links {
      padding-top: 0.7em;
      font-size: 0.9em;
    }
    #profile .profile {
      clear: both;
      border: none;
      padding: .5em;
      margin: 1em 0em;
    }
    #profile .profile .name {
      padding-bottom: 0.5em;
    }
    .block-forum h3 {
      margin-bottom: .5em;
    }
    div.admin-panel .description {
      color: #000000;
      background-color: #e8e8e8;
    }
    div.admin-panel .body {
      background: #e8e8e8;
    }
    div.admin-panel h3 {
      background-color: #e8e8e8;
      color: #000000;
      padding: 5px 8px 5px;
      margin: 0;
    }
    
    /*
    **Drop Down Menu
    */
    ul.jmenu {list-style:none; margin:0; padding:0;}
    ul.jmenu * {margin:0; padding:0}
    ul.jmenu a {display:block; color:#000; text-decoration:none}
    ul.jmenu li {position:relative; float:left; margin-right:2px}
    ul.jmenu ul {position:absolute; top:26px; left:0; background:#d1d1d1; display:none; opacity:0; list-style:none}
    ul.jmenu ul li {position:relative; border:1px solid #aaa; border-top:none; width:148px; margin:0}
    ul.jmenu ul li a {display:block; padding:3px 7px 5px; background-color:#d1d1d1}
    ul.jmenu ul li a:hover {background-color:#c5c5c5}
    ul.jmenu ul ul {left:148px; top:-1px}
    ul.jmenu .jmenulink {font-weight: normal;}
    ul.jmenu .jmenulink:hover, ul.jmenu .jmenuhover {font-weight: normal;}
    ul.jmenu .jsub {background:#d1d1d1 url(http://entershindig.com/images/arrow.gif) 136px 8px no-repeat}
    ul.jmenu .jtopline {border-top:1px solid #aaa}
    Thanks in advance.

  2.  

  3. #2
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,694
    Member #
    5580
    Liked
    717 times
    What browsers does it work (and not work):
    FF
    IE6
    IE7
    IE8
    Safari
    Opera

    Give us a Y/N to each browser.
    That will help us ... especially with IE


  4. #3
    Junior Member
    Join Date
    Oct 2007
    Location
    United States
    Posts
    3
    Member #
    15988
    IE8 is the issue now, I'm not worried about others atm

  5. #4
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,694
    Member #
    5580
    Liked
    717 times
    I've been dealing with IE8 issues for the past month.

    In most cases, there are old templates, CSS, and HTML files that
    use IE hacks. Many use hacks like these [if IE lte 6] .. checking IE
    revisions and adding code. Then IE7 stuff, but no regards for IE8.

    The point is, if you are using an out-dated theme for Drupal, Joomla, etc.
    you're screwed. It's too much work to get it fixed for IE8. I recommend you
    find a new theme that has been coded and tested for IE8.

    IE5 is impossible.
    IE6 sucks really bad, but at least we learned how to deal with it.
    IE7 never fixed things correctly, so it just sort of "stands alone".
    IE8 is a total mystery ... it's not FF, it's not Safari ... it's Microsoft as usual.

    You can knock yourself out trying to debug your code, but I really recommend you
    save your database and use it on a whole new installation.

    It's no secret I'm bitter about IE ... all versions.
    The IE issues alone have caused me to quit the web design business.


    .



Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 11:07 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com