Help
Hello to everyone as its my first post on this forum. My website is working fine in Safari, Firefox but doesn't open in IE and Opera. Im not very good at coding so Ive used Dreamweaver to put my site together. Dreamweaver says the my website is compatible with all browsers but its not.. I have tried to look for an answer but without luck. Could I please ask for help guys?
the address: http://mikeodonovan.net
---------------------------------------------------------------------------------------------------------
CSS
---------------------------------------------------------------------------------------------------------
@charset "UTF-8";
body {
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 0;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
color: white;
background-color: black;
}
#container {
width: 850px;
text-align: left;
background-repeat: no-repeat;
background-image: url(comedy%20website%20images/websitephoto2.jpg);
}
#header {
color: #FF0000;
height: 90px;
font-family: "american typewriter";
font-size: 20px;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 0;
padding-left: 185px;
text-align: left;
}
#sidebar1 {
float: left; /* since this element is floated, a width must be given */
width: 145px;
color: white;
padding-top: 140px;
padding-right: 10px;
padding-bottom: 15px;
padding-left: 10px;
text-align: center;
}
#sidebar1 a {
font-family: "Courier New", Courier, monospace;
}
#mainContent {
margin: 0 0 0 170px; /* 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 #sidebar1 space when the content in #sidebar1 ends. */
padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
color: #330000;
background-color: #9FC9E0;
border: medium ridge #CCCCCC;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 13px;
}
#footer {
padding: 0 10px 0 20px;
color: white;
font-weight: normal;
text-align: center;
font-family: "Courier New", Courier, monospace;
font-size: 14px;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
float: right;
margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
float: left;
margin-right: 8px;
}
ul {
margin: 0px;
padding: 0px;
}
li {
list-style-type: none;
}
a:link {
color: #CCCCCC;
text-decoration: none;
}
a:visited {
color: #CCCCCC;
text-decoration: none;
}
a:hover {
color: #CC3300;
text-decoration: none;
}
a:active {
color: #CC3300;
text-decoration: none;
}
.twoColFixLtHdr #container #sidebar1text {
background-color: #FF0000;
}
---------------------------------------------------------------------------------------------------------
HTML
---------------------------------------------------------------------------------------------------------
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>mike o'donovan comedian<meta name="description" content="mike o'donovan comedian comedy" />
<meta name="keywords" content="mike o'donovan comedy comedian" />
<!--[if IE 5]>
<style type="text/css">
/* place css box model fixes for IE 5* in this conditional comment */
.twoColFixLtHdr #sidebar1 { width: 230px; }
</style>
<![endif]-->
<!--[if IE]>
<style type="text/css">
/* place css fixes for all versions of IE in this conditional comment */
.twoColFixLtHdr #sidebar1 { padding-top: 30px; }
.twoColFixLtHdr #mainContent { zoom: 1; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
</style>
<![endif]-->
<link href="comedywebsite.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.style1 {
font-size: 30px
}
.style2 {font-size: 40px}
.style3 {
font-size: 18px
}
.style4 {
font-size: 25px
}
.style8 {color: #CC3300}
-->
</style>
<meta name="Keywords" content="mike o'donovan comedian comedy" />
<meta name="Description" content="mike o'donovan comedian comedy" />
</head>
<body class="twoColFixLtHdr">
<div id="container">
<div id="header">
<!-- end #header -->
<img src="comedy website images/bannertext.jpg" alt="" width="593" height="83" /></div>
<div id="sidebar1">
<ul>
<li class="style2"><a href="index.html">home</a></li>
<li class="style4"><a href="articles.html">articles</a></li>
<li class="style1"><a href="bio.html" class="style1">bio</a></li>
<li class="style1"><a href="photos.html" class="style4">photos</a></li>
<li class="style1"><a href="videos.html" class="style2">videos</a></li>
<li class="style1"><a href="influences.html" class="style3">influences</a></li>
<li class="style1"><a href="archives.html" class="style3">archives</a></li>
<li><span class="style1"><a href="contact.html" class="style1">contact
</a>
</span>
<!-- end #sidebar1 -->
</li>
</ul>
</div>
<div id="mainContent">
<h2 align="left"><img src="comedy website images/mike live low website.jpg" width="300" height="450" class="fltrt" />NEWS</h2>
<h3 align="left" class="style8">doing 20 minute slots at the comedy cafe on thurs and sunday this week - great club, I'm up for it, come and say hello.</h3>
<h2 align="left">UPCOMING GIGS - </h2>
<h2 align="left" class="style8">February</h2>
<p align="left"><strong>9th Monday</strong> Big Value Auditon, Nottingham</p>
<p align="left"><strong>10th Tuesday</strong> Metropolitan Bar</p>
<p align="left"><strong>12th Thursday</strong> Library Bar, Islington</p>
<p align="left"><strong>14th Saturday</strong> Phoenix Bar</p>
<p align="left"><strong>*19th Thursday</strong> Comedy Cafe, 66-68 Rivington Street, London EC2A 3AY</p>
<p align="left"><strong>20th Friday</strong> Brewhouse/Camden Head, London N1 8DY</p>
<p align="left"><strong>*22nd Sunday</strong> Comedy Cafe, 66-68 Rivington Street,London EC2A 3AY</p>
<p align="left"><strong>*23rd Monday</strong> Porthole/The Good Ship, 289 Kilburn High Road London NW6 1ER</p>
<p align="left"><strong>24th Monday</strong> Jokes on the Underground</p>
<p align="left"><strong>25th Tuesday</strong> Dukes Head, Putney Bridge</p>
<p align="left"><strong>*26th Tuesday</strong> Off the Curb, Kentish Town</p>
<h2 align="left" class="style8">March</h2>
<p align="left"><strong>*1st Sunday</strong> The Exhibit, 12 Balham Station Rd, London SW12 9SG</p>
<p align="left"><strong>3rd Tuesday</strong> Metropolitan Bar</p>
<p align="left"><strong>7th Saturday</strong> Brewhouse/Camden Head, London, N1 8DY</p>
<p align="left"><strong>8th Sunday</strong> Laf Horse/Liberties Bar, 100 Camden High Street, London NW1 0LU</p>
<p align="left"><strong>9th Monday</strong> Bobby Carroll Kensington</p>
<p align="left"><strong>11th Wednesday</strong> Mirth Control/Lower Ground Bar, 269 West End Lane London NW6</p>
<p align="left"><strong>*12th Thursday</strong> Tricycle Theatre 269 Kilburn High Road, London NW6 7JR</p>
<p align="left"><strong>*14th Saturday</strong> Chuckle Club/London School of Economics, London WC2A 2AD</p>
<p align="left"><strong>21st Saturday</strong> Brewhouse/Camden Head, London N1 8DY</p>
<p align="left"><strong>*23rd Monday</strong> Theatre Royal, Stratford East Gerry Raffles Square, London, E15 1BN</p>
<p align="left"><strong>26th Thursday</strong> Monkey Business/Deep Red Bar,
Kentish Town NW5 2TG</p>
<p align="left"><strong>*30th Monday</strong> The Clinic/Distillers, 64 Fulham Palace Road London W6 9PH</p>
<h2 align="left" class="style8">April</h2>
<p align="left"><strong>*6th Monday</strong> The Clinic/Distillers, 64 Fulham Palace Road London W6 9PH</p>
<p align="left"><strong>*8th Wednesday</strong> Comedy at the Kirk/Selkirk, 60 Selkirk Rd, SW17 0ES</p>
<p align="left"><strong>16th Thursday</strong> Monkey Business/Deep Red Bar,
Kentish Town NW5 2TG</p>
<p align="left"><strong>24th Friday </strong>Laughing Horse/Quadrant, Brighton, East Sussex, BN1 3FA</p>
<p align="left"><strong>29th Wednesday </strong>Kidderminster Comedy Club</p>
<h2 align="left" class="style8">May</h2>
<p align="left"><strong>*5th Tuesday</strong> Laugh Half/Grand Union, 53-57 Highgate Rd, London, NW5 1TL</p>
<p align="left"><strong>*7th Thursday</strong> Downstairs Kings Head, Crouch End Hill, London, N8 8AA</p>
<p align="left"><strong>*19th Tuesday</strong> Upstairs at the Masons Arms, 38 Maddox Street London W1S 1PD</p>
<h2 align="left" class="style8">June</h2>
<p align="left"><strong>*19th Friday</strong> Comedy Store, 1a Oxendon Street London SW1Y 4EE</p>
<h1 align="left"> </h1>
<h1>
<!-- end #mainContent -->
</h1>
</div>
<!-- This clearing element should immediately follow the #mainContent div in order to force the #container div to contain all child floats --><br class="clearfloat" />
<div id="footer">
<p>Copyright © 2009 Mike O'Donovan <a href="contact.html">- contact</a> <a href="#top">- back to top</a></p>
<!-- end #footer --></div>
<!-- end #container --></div>
</body>
</html>
THANK YOU VERY MUCH FOR HELP!
Page 1 of 1
Page not opening in IE and Opera
Rate Topic:
Share this topic:
Page 1 of 1