• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 297
  • Last Modified:

web site display issues

I have a web site at this url - http://ow.ly/4My01 it was done in html5 and css3, it's not perfect code but I was trying. I'm having issues with how it displays in IE vs FF and I have ran compliance and accessibility checks and still have the issues. I NEED HELP!!

Thanks!
IE-Screen.png
Mozilla.png
0
BluesMama
Asked:
BluesMama
  • 2
  • 2
1 Solution
 
ajmehtaCommented:
even if the site passes compliance, it doesn't mean that it'll render correctly in different browsers.

sometimes you have to create CSS fixes PER browser version (IE 6, 7, 8, and now 9), etc.

we ran into similar issues on our site (www.FastOnSite.com) but you can look at the code (right click the page and go to "View Source") to see how we addressed it.

If you want to download the CSS file directly, you can see the link in the page for where it is stored.

If you still have issues let me know what code is causing the issue
0
 
BluesMamaAuthor Commented:
I was trying to view your ie.css files and nothing comes up.
0
 
Jagadishwor DulalBraces MediaCommented:
Dear BluesMama you have used dreamweaver template to design this site and have here the line which make problem in your site I have tested your code in ie6 it works properly and don't forget to png fix for ie :

<!--[if IE6]>
        < object type="application/x-shockwave-flash" data="http://files.photosnack.net/app/swf/EmbedCanvas.swf?v=3&hash_id=d764a5b8fabda9f7bf209d70aa769518&watermark=false" width="241" height="218"> <param name="movie" value="http://files.photosnack.net/app/swf/EmbedCanvas.swf?v=3&hash_id=d764a5b8fabda9f7bf209d70aa769518&watermark=false">
            <param name="allowFullScreen" value="true">
            <param name="bgcolor" value="#141414">
            <param name="allowScriptAccess" value="always">
            </object>
        <![endif]-->

Open in new window

I just remove your this line of code and now there is result . To test your page I have changed code and now I am posting my code for your reference
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-

transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link href='http://fonts.googleapis.com/css?family=Expletus+Sans:regular,500,600, 700, bold' rel='stylesheet' 

type='text/css'>
<meta charset="UTF-8">
<meta http-equiv="Content-Language" content="English" />
<meta name="Distribution" content="Global" />
<meta name="Author" content="Web Girl Consulting (lisa@webgirlconsulting.com)" />
<meta name="Robots" content="index,follow" />
<meta name="Description" content="One of the last remaining free music festivals in Illinois for 32 years"/>
<meta name="Keywords" content="music,free, free music, carnival, 2011 music festivals, country music 

festivals, Music festivals,free music festivals,illinois free music festivals,summer music festivals,illinois 

music festivals,Festival,chicago music festival,corn, corn fest, DeKalb Corn Fest" />
<meta property="title" content="DeKalb Corn Fest, one of the last free remaining music festivals in Illinois" 

/>
<title>Corn Fest, DeKalb, Illinois-One of the last remaining free music festivals in Illinois</title>
<link rel="stylesheet" type="text/css" href="CSS/testhere.css">
<link href="CSS/reset.css" rel="stylesheet"type="text/css" media="screen" />
<link href="CSS/menu_fullwidth.css" rel="stylesheet"type="text/css" media="screen" />
</head>

<body>
<div id="background">
  <div id="wrapper">

    <div id="header">
      <div class="logo">
        <h1><a href="index.html" title="Back to homepage"><img src="images/CF_logo_11-copy.png" alt="Some 

Company" width="243" height="221"></a></h1>
        <h2>&nbsp;</h2>
        <div id="slider">
               <object id="embededPhotosnackFlash_d764a5b8fabda9f7bf209d70aa769518" type="application/x-

shockwave-flash" data="http://files.photosnack.net/app/swf/EmbedCanvas.swf?

v=3&amp;hash_id=d764a5b8fabda9f7bf209d70aa769518&amp;watermark=false" width="241" height="218">
            <param name="movie" value="http://files.photosnack.net/app/swf/EmbedCanvas.swf?

v=3&amp;hash_id=d764a5b8fabda9f7bf209d70aa769518&amp;watermark=false">
            <param name="allowFullScreen" value="true">

            <param name="bgcolor" value="#141414">
            <param name="allowScriptAccess" value="always">
          </object>
        </div>
      </div>
    </div>
      <ul class="menu">
        <li><a href="index.html" class="drop">Corn Fest  Info</a><!-- Begin Home Item -->
          <div class="dropdown_2columns">
            <h2 class="pusher">Festival Information</h2>
            <div class="col_1 firstcolumn">
              <ul class="plus">
                <li><a href="festival_info.html" title="Festival Info">Festival Info</a></li>
                <li><a href="directions.html" title="Directions">Directions</a></li>
                <li><a href="#" title="Festival Maps">Festival Map</a></li>
                <li><a href="shuttlebuses.html">Shuttle Bus Schedule</a></li>
              </ul>
            </div>
            <div class="col_1 ">
              <ul class="plus">
                <li><a href="#">Festival Sponsors</a></li>
                <li><a href="Sponsorship.pdf" title="Sponsor info">Sponsor Info</a></li>
                <li><a href="VendorBooth_Contract2011.pdf" title="Vendor info">Vendor Info</a></li>
              </ul>
            </div>
          </div>
          <!-- End 2 columns container --> 
        </li>
        <!-- End Home Item -->
        
        <li><a href="#" class="drop">Sound Stage</a><!-- Begin second item -->
          <div class="dropdown_3columns"><!-- Begin 3 columns container -->
            <div class="col_1 firstcolumn">
              <h3>Friday</h3>
              <ul>
                <li><a href="#">Shuvlhed</a></li>
                <li><a href="#">Shy Violet</a></li>
                <li><a href="#">DOT DOT DOT</a></li>
              </ul>
            </div>
            <div class="col_1">
              <h3>Saturday</h3>
              <ul>
                <li><a href="#">Snidley Whiplash</a></li>
                <li><a href="#">Mr Myers</a></li>
                <li><a href="#">Big Daddy Woo Woo</a></li>
                <li><a href="#">Penny Mae Dixon Band</a></li>
                <li><a href="#">38 Special </a></li>
              </ul>
            </div>
            <div class="col_1">
              <h3>Sunday</h3>
              <ul>
                <li><a href="#">Howard &amp; The White Boys</a></li>
                <li><a href="#">Back Country Roads</a></li>
                <li><a href="#">7th Heaven</a></li>
              </ul>
            </div>
          </div>
          <!-- End 3 columns container --> 
          
        </li>
        <!-- End second Item -->
        
        <li><a href="#" class="drop">Activities</a><!-- Begin third Item -->
          <div id="dropdown_fullwidth_item4"><!-- Begin dropdown_fullwidth container -->
            <div class="col_4 firstcolumn">
              <h2>Corn Fest Activities</h2>
              <div class="col_1 firstcolumn">
                <h3>Air Fest</h3>
                <ul>
                  <li><a href="biplanes.html">BiPlane Rides</a></li>
                  <li><a href="#">Helicopter Rides</a></li>
                  <li><a href="#">Static Air Display</a></li>
                </ul>
              </div>
              <div class="col_1">
                <h3>Fun Activities</h3>
                <ul>
                  <li><a href="autofest.html">Auto Fest</a></li>
                  <li><a href="bustour.html">Bus Tours</a></li>
                  <li><a href="cornboil.html">Chuck Siebrasse Corn Boil</a></li>
                  <li><a href="craft_fest.html">Craft Fest</a></li>
                </ul>
              </div>
              <div class="col_1">
                <h3>Family Friendly</h3>
                <ul>
                  <li><a href="artfest.html" title="Art Fest for Kids">Art Fest for Kids</a></li>
                  <li><a href="carnival.html">Carnival</a></li>
                  <li><a href="kidfest.html" title="Kid Fest">Kid Fest</a></li>
                </ul>
              </div>
              <div class="col_1">
                <h3>Races and Rallies</h3>
                <ul>
                  <li><a href="bikerally.html">Bike Rally</a></li>
                  <li><a href="http://www.dekalbcornclassic.org/">3K Walk/10K Run</a></li>
                </ul>
              </div>
            </div>
          </div>
          <!-- End dropdown_fullwidth container --> 
          
        </li>
        <!-- End third Item -->
        
        <li><a href="#" class="drop">About Corn Fest</a><!-- Begin fourth Item -->
          <div id="dropdown_fullwidth_item4"><!-- Begin dropdown_fullwidth container -->
            <div class="col_1 firstcolumn">
              <h2>General Festival Information</h2>
              <div class="col_1">
                <ul>
                  <li><a href="airport.html" title="DeKalb Taylor Municipal Airport">DeKalb Taylor Municipal 

Airport</a></li>
                  <li><a href="contact.html" title="Contact">Contact</a></li>
                  <li><a href="privacy.html" title="Privacy Policy">Privacy Policy</a></li>
                </ul>
              </div>
            </div>
          </div>
          <!-- End dropdown_fullwidth container --> 
          
        </li>
        <!-- End fourth Item --><!-- End fifth Item --><!-- End sixth Item -->
        
        <li class="right"><a href="#" class="drop">Contact</a><!-- Begin Contact Item -->
          <div id="dropdown_fullwidth_item_right"><!-- Begin dropdown_fullwidth container -->
            <div class="col_2 firstcolumn">
              <h2>Contact Us</h2>
              <form action="http://www.cornfest.com/post">
                <!-- Begin contact form -->
                <fieldset>
                  <p>
                    <label>Name</label>
                    <input type="text" size="30" />
                  </p>
                  <p>
                    <label>Email</label>
                    <input type="text" size="30" />
                  </p>
                  <p>
                    <label>Subject</label>
                    <input type="text" size="30" />
                  </p>
                  <p>
                    <label>Message</label>
                    <textarea cols="30" rows="10"></textarea>
                  </p>
                  <input type="submit" class="submit">
                  Send
                </fieldset>
              </form>
              <!-- End contact form -->
              
              <h2 class="pusher">Find us on social networks</h2>
              <ul class="social">
                <li><a href="http://twitter.com/cornfest"><img src='images/twitter_16.png' alt="Illinois 

Music Festivals Twitter" /><span>Twitter</span></a></li>
                <li><a href="http://www.facebook.com/dekalbcornfest"><img src='images/facebook_16.png' 

alt="Free Summer Music Festivals Facebook" /><span>Facebook</span></a></li>
                <li><a href="http://www.youtube.com/user/DeKalbCornFest"><img src='images/youtube_16.png' 

alt="DeKalb Corn Fest Music Festival Soundstage" /><span>YouTube</span></a></li>
              </ul>
            </div>
          </div>
          <!-- End dropdown_fullwidth container --> 
          
        </li>
        <!-- End Contact Item -->
        
      </ul>
      <!-- END MENU --> 
    </nav>
   

          <section id="content">
          <h1 class="maincontent"><a name="top"></a>General Information</h1>
<h2>Corn Fest Dates: August 26-28, 2011<br>
Location: DeKalb Taylor Municipal Airport</h2>
<p>&nbsp;</p>
          <p><strong>Corn Fest</strong> is one of the last remaining <strong>free summer music 

festivals</strong> among <strong>Illinois music festivals and summer festivals </strong> in Illinois. Corn 

Fest is also one of the oldest <strong>summer music festivals</strong> in Illinois. Well over 100,000 people 

from around <strong>Illinois</strong> and the  Midwest attend the <strong>music festival</strong> over a 

three day weekend. This festival is going to be the best of all the <strong>2011 music festivals</strong>. 

Admission to the festival is free. </p>
          <p>&nbsp;</p>
          <p>This <strong>festival</strong> features a <strong>carnival</strong> complete with rides and 

games, food booths, live <strong>music</strong>, craft show,  kiddie korner with large inflatables, family 

entertainment and much  more. Friday night is carnival wristband nights for the kids with  unlimited rides 

from 6-10pm. Festival areas feature booths,  craft fest and a beer garden.</p>
          
<section class="floatBoxes">
<img src="images/title-lineup.png" width="617" height="39" alt="Free Summer Music Festival"><br>
<br>

<article>
<a href="file:///C|/Users/Lisa/Desktop/My%20Client%20Web%20Sites">
<h1>Friday <br>
  Aug. 26th </h1>
<p><img src="images/bands/DotDotDotPromo_sm.jpg" width="186" height="130">
  <strong>Shulvhed </strong>  </p>
  <p>&nbsp;</p>
<p><strong> Shy Violet </strong>  </p>
<p>&nbsp;</p>
<p><strong> DOT DOT DOT</strong></p>
</a>
</article>

<article>
<a href="file:///C|/Users/Lisa/Desktop/My%20Client%20Web%20Sites">
<h1>Saturday<br>
Aug. 27th</h1>
<p><img src="images/bands/38_special_sm_square.jpg" width="186" height="130">
<strong>Snidley Whiplash</strong></p>
<p>&nbsp;</p>
<p><strong>Mr Myers</strong></p>
<p>&nbsp;</p>
<p><strong>Big Daddy Woo Woo</strong></p>
<p>&nbsp;</p>
<p><strong>Penny Mae Dixon Band  </strong></p>
<p>&nbsp;</p>
<p><strong>38 Special  </strong></p>
</a>
</article>

<article class="last">
<a href="file:///C|/Users/Lisa/Desktop/My%20Client%20Web%20Sites">
<h1>Sunday<br>
Aug. 28th</h1>
<p><img src="images/bands/7hhead1.jpg" width="186" height="130">
<strong>Howard &amp; The White Boys </strong></p>
<p>&nbsp;</p>
<p><strong>Back Country Roads </strong></p>
<p>&nbsp;</p>
<p><strong>7th Heaven </strong></p>
</a>

</article>
</section>
     <section class="newsList">
               <h1>&nbsp;</h1>
            <article>
           <h1>Corn Fest Sound Stage Videos</h1>
              <p><object type="application/x-shockwave-flash" 

data="http://files.tubesnack.net/app/swf/EmbedCanvas.swf?

hash_id=b07b00bd3806a6f1f68648a1ba108193&amp;t=1304437615" width="560" height="490"><param name="movie" 

value="http://files.tubesnack.net/app/swf/EmbedCanvas.swf?

hash_id=b07b00bd3806a6f1f68648a1ba108193&amp;t=1304437615"><param name="allowFullScreen" value="true"><param 

name="bgcolor" value="#EEEEEE"><param name="allowScriptAccess" value="always"></object></p>
              <p>&nbsp;</p>
              <p><a href="#top"><strong>top</strong></a></p>
 <p></p>
  </article>
</section>

        </section>

    <aside id="sidebar"> 
      
      <!--<nav class="navMenu">
            <h1>Sections</h1>
            <ul>
              <li><a href="page1.html">Page 1</a></li>
              <li><a href="page2.html">Page 2</a> </li>
              <li><a href="page3.html">Page 3</a></li>
              <li><a href="page4.html">Page 4</a></li>
            </ul>
          </nav>-->
      
      <h1>Social </h1>
      <a href="http://www.facebook.com/CornFest"><img name="SocialBookmarkfacebook" src="images/Social-

Bookmarkfacebook.png"  border="0" alt="Corn Fest Facebook"></a> <a href="http://twitter.com/cornfest"><img 

name="SocialBookmarktwitter" src="images/Social-Bookmarktwitter.png"  border="0" alt="Corn Fest 

Facebook"></a> <a href="http://www.youtube.com/DeKalbCornFest"><img name="SocialBookmarkyoutube" 

src="images/Social-Bookmarkyoutube.png" width="64" height="66" border="0" alt="Corn Fest Facebook"></a>
      <h1>Contact us</h1>
      <address>
      DeKalb Corn Fest, Inc<br>
      1586 Barber Greene Rd.<br>
      DeKalb, IL 60115<br>
      815-748-2676
      </address>
    </aside>
  </div>
</div>
<footer id="footer">
  <div class="width">
    
    <div id="linkbuilding">
      <ul>
        <p>
        <p>Corn Fest logo is property of Corn Fest, Inc. No reproduction of logo authorized without express 

written consent of DeKalb Corn Fest, Inc.  No reproduction of web site elements or site design without 

express written permission from Web Girl Consulting, Inc. Corn Fest Domain Name and Web Hosting provided 

courtesy of: <a href="http://www.tbc.net/">TBC.NET</a></p>
      </ul>
    </div>
  </div>
  <div id="footer">
    <ul id="footer_menu">
      <li>
        <ul id="footer_menu_column">
          <li class="column_head footer_menu_text">Corn Fest Info</li>
       	  <li><a href="festival_info.html" title="Festival Info" class="footer_menu_text">Festival 

Info</a></li>
          <li><a href="directions.html" title="Directions" class="footer_menu_text">Directions</a></li>
          <li><a href="#" title="Festival Maps" class="footer_menu_text">Festival Map</a></li>
          <li><a href="shuttlebuses.html" class="footer_menu_text">Shuttle Bus Schedule</a></li>
          <li><a href="soundstage.html" title="Soundstage" class="footer_menu_text">Soundstage 

Lineup</a></li>
          
        </ul>
      </li>
      <li>
        <ul id="footer_menu_column">
          <li class="column_head footer_menu_text">Corn Fest Activities</li>
          <li><a href="biplanes.html" class="footer_menu_text">BiPlane Rides</a></li>
          <li><a href="#" class="footer_menu_text">Helicopter Rides</a></li>
          <li><a href="autofest.html" class="footer_menu_text">Auto Fest</a></li>
          <li><a href="bustour.html" class="footer_menu_text">Bus Tours</a></li>
         
        </ul>
      </li>
      <li>
        <ul id="footer_menu_column">
          <li class="column_head footer_menu_text">Corn Fest Activities</li>
          <li><a href="cornboil.html" class="footer_menu_text">Chuck Siebrasse Corn Boil</a></li>
          <li><a href="artfest.html" title="Art Fest for Kids" class="footer_menu_text">Art Fest for 

Kids</a></li>
          <li><a href="kidfest.html" title="Kid Fest" class="footer_menu_text">Kid Fest</a></li>
          <li><a href="bikerally.html" class="footer_menu_text">Bike Rally</a></li>
          <li><a href="http://www.dekalbcornclassic.org/" class="footer_menu_text">3K Walk/10K Run</a></li>
        </ul>
      </li>
      <li>
        <ul id="footer_menu_column">
          <li class="column_head footer_menu_text">About Corn Fest</li>
          <li><a href="airport.html" title="DeKalb Taylor Municipal Airport" class="footer_menu_text">DeKalb 

Taylor Municipal Airport</a></li>
          <li><a href="Sponsorship.pdf" title="Sponsor info" class="footer_menu_text">Sponsor Info</a></li>
          <li><a href="VendorBooth_Contract2011.pdf" title="Vendor info" class="footer_menu_text">Vendor 

Info</a></li>
          <li><a href="privacy.html" title="Privacy Policy" class="footer_menu_text">Privacy Policy</a></li>
          <li><a href="contact.html" title="Contact" class="footer_menu_text">Contact</a></li>
        </ul>
      </li>
      <li>
        <ul id="footer_menu_socialmedia" class="footer_menu_socialmedia_border">
          <li><a href="http://www.facebook.com/dekalbcornfest"><img src="images/Social-Bookmarkfacebook.png" 

alt="Facebook" width="32" height="32" /></a></li>
          <li><a href="http://www.twitter.com/cornfest"><img src="images/Social-Bookmarktwitter.png" 

alt="Twitter" width="32" height="32" /></a></li>
          <li><a href="http://www.youtube.com/DeKalbCornFest"><img src="images/Social-Bookmarkyoutube.png" 

alt="YouTube" width="32" height="32" /></a></li>
        </ul>
      </li>
    </ul>
    <div id="footer_credits">
      <table>
        <tr>
          <td class="logo"></td>
          <td class="credit footer_credits_text">&copy  
      <script type="text/javascript">
var d = new Date()
document.write(d.getFullYear())
          </script> 
      DeKalb Corn Fest, Inc. &nbsp;&nbsp;|&nbsp;&nbsp;All rights reserved.&nbsp;&nbsp;|&nbsp;&nbsp;Site by <a 

href="http://www.webgirlconsulting.com/"><img src="images/webgirl_footer_logo.png" alt="Web Design" 

width="127" height="37" border="0" ></a></td>
   </tr>
      </table>
    </div>
  </div>
</footer>
</body>
</html>

Open in new window


 Page in ie6 browser
0
 
BluesMamaAuthor Commented:
It's still not displaying properly when I use your suggestions.

Anyone else have any ideas?
0
 
ajmehtaCommented:
in case you still need my ie.css, here you go... ie7.css ie6.css
0

Featured Post

2018 Annual Membership Survey

Here at Experts Exchange, we strive to give members the best experience. Help us improve the site by taking this survey today! (Bonus: Be entered to win a great tech prize for participating!)

  • 2
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now