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
Thanks!
IE-Screen.png
Mozilla.png
ASKER
I was trying to view your ie.css files and nothing comes up.
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]--><!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> </h2>
<div id="slider">
<object id="embededPhotosnackFlash_d764a5b8fabda9f7bf209d70aa769518" 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>
</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 & 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> </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> </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> </p>
<p><strong> Shy Violet </strong> </p>
<p> </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> </p>
<p><strong>Mr Myers</strong></p>
<p> </p>
<p><strong>Big Daddy Woo Woo</strong></p>
<p> </p>
<p><strong>Penny Mae Dixon Band </strong></p>
<p> </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 & The White Boys </strong></p>
<p> </p>
<p><strong>Back Country Roads </strong></p>
<p> </p>
<p><strong>7th Heaven </strong></p>
</a>
</article>
</section>
<section class="newsList">
<h1> </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&t=1304437615" width="560" height="490"><param name="movie"
value="http://files.tubesnack.net/app/swf/EmbedCanvas.swf?
hash_id=b07b00bd3806a6f1f68648a1ba108193&t=1304437615"><param name="allowFullScreen" value="true"><param
name="bgcolor" value="#EEEEEE"><param name="allowScriptAccess" value="always"></object></p>
<p> </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">©
<script type="text/javascript">
var d = new Date()
document.write(d.getFullYear())
</script>
DeKalb Corn Fest, Inc. | All rights reserved. | 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>ASKER
It's still not displaying properly when I use your suggestions.
Anyone else have any ideas?
Anyone else have any ideas?
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
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