Professional Web Applications Themes

IE Navigation Problem - Macromedia Dynamic HTML

This is my first official site as a web developer and IE is giving me some issues. It seems as if the header and navigation isn't being recognized at all and the body is pushing up to the top, which is then causing the header and nav to overlap the body... Would someone kindly point out my error. Thanks! http://www.pendulumrecords.biz/home.htm...

  1. #1

    Default IE Navigation Problem

    This is my first official site as a web developer and IE is giving me some
    issues.
    It seems as if the header and navigation isn't being recognized at all and the
    body is pushing up to the top, which is then causing the header and nav to
    overlap the body...

    Would someone kindly point out my error. Thanks!
    http://www.pendulumrecords.biz/home.htm

    nnwi Guest

  2. #2

    Default Re: IE Navigation Problem

    Not sure if this is causing your problem but the <title> is not correct.

    You have:

    <titlePendulum Records, LLC</title>

    Should be:

    <title>Pendulum Records, LLC</title>

    --
    Ken Ford
    Adobe Community Expert - Dreamweaver
    Fordwebs, LLC
    http://www.fordwebs.com


    "nnwi" <com> wrote in message news:fvqpn4$ilc$macromedia.com... 
    Ken Guest

  3. #3

    Default Re: IE Navigation Problem

    Thank you for catching that! I new there was a problem up there somewhere, but
    I couldn't find it:) I'm not able for some reason to open IE (5.2) on my mac
    right now to see the update. Although I have a suspicion that it has something
    to do with my code. I've attached my external css file along with the code
    from for 2 IE hack files, although they address the side bar and main
    content...I appreciate your time!

    cht "utf-8";
    /* neutralize browser styles */
    body, html {
    margin:0;
    padding:0;
    }
    /* neutralize browser spacing for vertical elements */
    h1, h2, h3, h4, h5, h6, p, pre,
    blockquote, ul, ol, dl, address {
    margin: 1em 0;
    padding: 0;
    }
    /* General Styles */
    body {
    text-align: center;
    background: url(../assets/head_pattern.jpg) repeat-x;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100.1%;
    }
    html {
    background: #000000;
    }
    blockquote {
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    font-size: 0.9em;
    font-weight: normal;
    line-height: 1.8;
    margin-right: 4em;
    margin-left: 4em;
    padding-right: 1em;
    padding-left: 1em;
    background: url(../assets/upQuote.gif) no-repeat;
    padding-top: 1em;
    margin-top: 1.8em;
    }
    blockquote span {
    text-align: right;
    font-weight: bold;
    background: url(../assets/downQuote.gif) no-repeat right bottom;
    line-height: 1.2;
    padding-bottom: 2.4em;
    display: block;
    padding-top: 0em;
    padding-right: 2em;
    }


    /* ---------All layout generic styles---------------- */
    .twoColFixSmSide #container, .twoColFixLgSide #container, .oneCol #container {
    width: 780px;
    margin: 0 auto;
    text-align: center;
    }
    .twoColFixSmSide #header, .twoColFixLgSide #header, .oneCol #header {
    height: 200px; /* this will be the height of the header background graphic */
    position: relative;
    }
    .twoColFixSmSide #sidebar div, .twoColFixLgSide #sidebar div {
    background: #000;
    padding-bottom: 1em;
    padding-top: 1px;
    margin: 0em 0em 1em;
    }
    .twoColFixSmSide #footer, .twoColFixLgSide #footer, .oneCol #footer {
    padding: 5px 1em .5em;
    background:#57037C;
    margin-bottom: 1em;
    }
    .twoColFixSmSide #footer p, .twoColFixLgSide #footer p, .oneCol #footer p {
    font-size: .8em;
    color: #fff;
    text-align: center;
    margin-bottom: .5em;
    }
    /* --------------Large sidebar specific styles -------------*/
    .twoColFixLgSide #sidebar {
    float: left; /* since this element is floated, a width must be given */
    width: 230px; /* the actual width of this div, adding padding and borders
    will increase the overall width in standards-compliant browsers */
    padding: 0;
    color: #fff;
    }
    .twoColFixLgSide #mainContent {
    margin: 0 0 0 250px; /* the left margin on this div element creates the
    column down the left side of the page - no matter how much content the sidebar1
    div contains, the column space will remain. You can remove this margin if you
    want the #mainContent div's text to fill the #sidebar space when the content in
    #sidebar ends. */
    padding: 0;
    }
    /* --------------Small sidebar specific styles -------------*/
    .twoColFixSmSide #sidebar {
    float: left; /* since this element is floated, a width must be given */
    width: 200px; /* the actual width of this div, adding padding and borders
    will increase the overall width in standards-compliant browsers */
    padding: 0;
    color: #FFFFFF;
    }
    .twoColFixSmSide #mainContent {
    margin: 0 0 0 220px; /* the left margin on this div element creates the
    column down the left side of the page - no matter how much content the sidebar1
    div contains, the column space will remain. You can remove this margin if you
    want the #mainContent div's text to fill the #sidebar space when the content in
    #sidebar ends. */
    padding: 0;
    }

    /* -----------------end large sidebar styles ----------------------------*/
    /* -----------------one column styles ----------------------------*/
    .oneCol #mainContent {
    margin: 0
    padding: 0px;
    }
    .oneCol #mainContent .article h1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.6em;
    color: #78320E;
    margin: 0;
    font-weight: normal;
    line-height: 2;
    padding-left: 55px;
    }
    .oneCol #mainContent img {
    background: none;
    display: inline;
    border: none;
    margin: 5px;
    padding: 0;
    }
    /* ----------------- shopping area styling -------------------- */
    #mainContent .TabbedPanels .TabbedPanelsTab h2 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 1.6em;
    font-weight: bold;
    text-align: center;
    background: none;
    padding: 0;
    margin:0;
    line-height: 1.6;
    color: #78320E;
    }
    .wearContainer {
    width: 300px;
    float: left;
    margin-right: 40px;
    margin-bottom: 10px;
    }
    .carryContainer {
    width: 200px;
    float: left;
    margin-right: 30px;
    margin-bottom: 10px;
    }
    #mainContent .shop{
    font: 1em/1 Georgia, "Times New Roman", Times, serif;
    color: #78320E;
    margin: 0;
    padding:0;
    }
    #mainContent .wearContainer p, #mainContent .carryContainer p {
    font-size: .85em;
    line-height: 1;
    margin: 0;
    padding: 0;
    }
    #mainContent .wearContainer .plus, #mainContent .carryContainer .plus {
    margin-left: 110px;
    }
    #mainContent .wearContainer .plus a,#mainContent .carryContainer .plus a {
    border: none;
    font-weight: normal;
    }
    #mainContent .wearContainer .plus a:hover,#mainContent .carryContainer .plus
    a:hover {
    color: #666;
    }
    #mainContent .article .wearContainer h2,#mainContent .article .carryContainer
    h2 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 1.2em;
    color: #78320E;
    line-height: 1.4;
    padding:0;
    background: none;
    text-align: left;
    margin: 0;
    }
    /* -------------------- main content specific styles ------------------*/
    #mainContent img {
    background: url(../assets/page_bkg.jpg) no-repeat;
    display: block;
    padding: 3px;
    border: 1px solid #999;
    margin: 1.6em auto;
    }
    #mainContent p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.95em;
    line-height: 1.6;
    padding-right: 1.6em;
    padding-left: 1.6em;
    color: #FFFFFF;
    margin-top: 0.5em;
    text-align: justify;
    }
    #mainContent a {
    font-weight: bold;
    color: #600179;
    text-decoration: none;
    border-bottom: 1px dotted #602E0C;
    padding-bottom: 0.1em;
    }
    #mainContent a:hover {
    color: #000000;
    border: none;
    }


    #mainContent .article, #mainContent .galleryArticle {
    background: url(../assets/backgroungs/mainContent560x2000.jpg);
    padding: 0.5em 0.5em 2em;
    margin-bottom: 1em;
    border: 0px none 0;
    }
    #mainContent .article h1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #FFFFFF;
    margin: 0;
    font-weight: bold;
    line-height: 2;
    padding-left: 10px;
    }
    #mainContent .article h2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.6em;
    color: #000000;
    margin-bottom: -0.5em;
    font-weight: normal;
    text-align: center;
    padding-bottom: 45px;
    }
    #mainContent h3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.95em;
    margin: 1em .5em;
    }
    /* ------ mainContent gallery styles --------------*/
    #mainContent .galleryArticle h1 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 2.5em;
    line-height:1.75em;
    text-align: center;
    color: #666;
    margin: 1em 2em 0;
    font-weight: normal;
    padding: 0;
    border-top: 1px dotted #666;
    background: none;
    }
    #mainContent .galleryArticle h2 {
    position: relative;
    top: -0.5em;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 1.2em;
    line-height: 0;
    color: #333;
    font-weight: normal;
    text-align: center;
    padding: 0 0 55px;
    }
    #mainContent .author {
    font-style: italic;
    }
    #mainContent /* ------ mainContent table styles --------------*/
    table#tourTbl {
    /* width: 500px;*/
    border: 1px solid #333;
    margin: 0 auto;
    border-collapse:collapse;
    background: #666666;
    }
    #mainContent #tourTbl caption {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.4em;
    font-weight: bold;
    color: #000000;
    text-align: left;
    padding-bottom: 0.5em;
    }
    #mainContent #tourTbl thead {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #fff;
    font-weight: normal;
    }
    #mainContent #tourTbl tbody {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: .85em;
    color: #fff;
    text-align:left;
    }
    #mainContent #tourTbl th {
    background: #000000;
    /*height: 20px;*/
    vertical-align: bottom;
    font-weight: normal;
    border: 1px solid #333;
    text-align: left;
    padding-bottom: 0.5em;
    }
    #mainContent #tourTbl th.date {
    text-align: center;
    font-weight: bold;
    }
    #mainContent #tourTbl th.city {
    text-align: center;
    font-weight: bold;
    }
    #mainContent #tourTbl th.church {
    text-align: center;
    font-weight: bold;
    }
    #mainContent #tourTbl td.dates {
    text-align: left;
    font-weight: bold;
    }
    #mainContent #tourTbl td {
    padding: 1em;
    border: 1px solid #333;
    }
    #mainContent #tourTbl tr.odd {
    background: #333333;
    }
    #mainContent #tourTbl tr:hover {
    background: #640079;
    }
    /* ---------------- form styles ----------------*/
    #formWrap {
    background: transparent;
    padding: 1em 0;
    }
    form#frmContact {
    width: 505px;
    margin: 0 auto;
    }
    fieldset {
    background: #57037C;
    border: none;
    margin: 1em 0;
    padding-bottom: 0.5em;
    }
    legend {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.2em;
    color: #FFFFFF;
    line-height: 1.4;
    background: #57037C;
    padding: 0.2em .5em;
    margin-left: 0em;
    }
    #formWrap p {
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-size: 1em;
    line-height: 1;
    margin: 1.4em 0;
    }
    input.text {
    width: 250px;
    }
    textarea {
    width: 300px;
    margin-top: .5em;
    }
    label.top {
    display: block;
    margin-bottom: .5em;
    }
    label.check {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.75em;
    line-height: 1;
    color: #FFFFFF;
    }
    span.aside {
    font-style: italic;
    }
    p.required {
    position: relative;
    }
    span.required {
    po
    nnwi Guest

  4. #4

    Default Re: IE Navigation Problem

    In the main.css try fixing the following.

    this:

    ..oneCol #mainContent {
    margin: 0
    padding: 0px;
    }

    should be:

    ..oneCol #mainContent {
    margin: 0;
    padding: 0px;
    }

    this:

    #mainContent .article, #mainContent .galleryArticle {
    background: url(../assets/backgroungs/mainContent560x2000.jpg);
    padding: 0.5em 0.5em 2em;
    margin-bottom: 1em;
    border: 0px none 0;
    }

    should be:

    #mainContent .article, #mainContent .galleryArticle {
    background: url(../assets/backgroungs/mainContent560x2000.jpg);
    padding: 0.5em 0.5em 2em;
    margin-bottom: 1em;
    border: 0px none #000000;
    }

    this:

    #mainContent /* ------ mainContent table styles --------------*/
    table#tourTbl {
    /* width: 500px;*/
    border: 1px solid #333;
    margin: 0 auto;
    border-collapse:collapse;
    background: #666666;
    }

    should be:

    /* ------ mainContent table styles --------------*/
    #mainContent #tourTbl table {
    /* width: 500px;*/
    border: 1px solid #333;
    margin: 0 auto;
    border-collapse:collapse;
    background: #666666;
    }


    --
    Ken Ford
    Adobe Community Expert - Dreamweaver
    Fordwebs, LLC
    http://www.fordwebs.com


    "nnwi" <com> wrote in message news:fvsiqc$h5m$macromedia.com... 
    Ken Guest

Similar Threads

  1. Another navigation problem...
    By ploughman1 in forum Macromedia Dynamic HTML
    Replies: 1
    Last Post: August 12th, 01:49 PM
  2. A navigation control problem......
    By bob_5 in forum Macromedia Director Lingo
    Replies: 2
    Last Post: February 8th, 11:10 AM
  3. Navigation Bar Problem
    By Jonah Bishop in forum Macromedia Dreamweaver
    Replies: 1
    Last Post: September 26th, 02:18 AM
  4. navigation problem
    By mrsr84 in forum Macromedia Director Lingo
    Replies: 2
    Last Post: September 20th, 07:32 PM
  5. Problem with Navigation buttons
    By Ashley Smith in forum Macromedia Fireworks
    Replies: 0
    Last Post: September 19th, 12:28 PM

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
  •  

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139