|
HTML - Site Not Compatible With Ie
site works great in Safari, looks fine in Firefox, but the header and footer don't show in Internet Explorer! Any suggestions?
Here is the website: www.czechcpa.com Similar Tutorialshi please check my site www.yourdesign.org and please could somebody tell me how i can stop it going all weird in IE, it looks fine in firefox cheers guys n gals Hi my html and css that i have coded is only valid in opera and does not run as it is meant to in firefox and safari. Can anyone help me fix it. The text input box is what is broken. here is the html: Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> <meta name="author" content="Husain Abdullah Al - Zabir" /> <title>WebSnips</title> <link rel="stylesheet" type="text/css" href="styles/main.css" media="all" /> <link rel="stylesheet" type="text/css" href="styles/rounded_corner.css" media="all" /> <link rel="stylesheet" type="text/css" href="styles/bottom_menu.css" media="all" /> </head> <body> <center> <div class="box"> <b class="tc"> <b class="L1"></b> <b class="L2"></b> <b class="L3"></b> </b> <div class="content"> <div class="box" style="width:100%;"> <b class="tc"> <b class="L1"></b> <b class="L2" style="background-color:#333333;"></b> <b class="L3" style="background-color:#333333;"></b> </b> <div class="content" style="background-color:#333333;"> <div style="width:630px; padding-top:10px;"> <div style="float:left; background-image:url(images/http.jpg); background-position:center; background-repeat:no-repeat; width:95px; height:40px;"> </div> <div style="float:left;"> <input style="height:28px; border:none; font-family:verdana; font-size:21px; color:#7d7d7d; padding-top:6px; padding-bottom:6px;" type="text" size="35" /> </div> <div style="float:left;"> <input type="image" value="submit" src="images/submit-button.jpg" /> </div> </div> <div style="clear:both; height:30px;"> </div> </div> <b class="bc"> <b class="L3"></b> <b class="L2"></b> <b class="L1"></b> </b> </div> </center> </body> </html> here is the css: Code: #logo
{
width: 317px;
height: 40px;
/*background-image: url(../images/logo.gif);*/
background-image: url(../images/logo.jpg);
background-position: center;
background-repeat: no-repeat;
}
#logo-holder
{
padding: 20px;
}
#footer-logo
{
width: 609px;
height: 40px;
/*background-image: url(../images/footer-logo.gif);*/
background-image: url(../images/footer-logo.jpg);
background-position: center;
background-repeat: no-repeat;
}
#footer-logo-holder
{
padding: 5px;
}
#instruction
{
border-left:solid 4px #98CB00;
padding-left:5px;
font-family:verdana;
font-size:17px;
font-weight: normal;
color:white;
text-align:left;
width:623px;
}
#instruction-holder
{
padding-top: 20px;
padding-bottom: 20px;
}
.separator
{
width:10px;
background-image: url(../images/separator.jpg);
background-position: bottom;
background-repeat: no-repeat;
float: left;
height:180px;
}
.urls
{
font-family: verdana;
font-size: 12px;
color: #7d7d7d;
height:180px;
font-weight: bold;
line-height: 20px;
width:203px;
clear:both;
padding-top: 20px;
}
.snips_name
{
font-family: verdana;
font-size: 21px;
color: #FFFFFF;
text-align: left;
}
#top_snips
{
width:31px;
height:38px;
background-image: url(../images/top_snips.jpg);
background-position: top;
background-repeat: no-repeat;
margin-right: 5px;
float: left;
}
#latest_snips
{
width:38px;
height:38px;
background-image: url(../images/latest_snips.jpg);
background-position: center;
background-repeat: no-repeat;
margin-right: 5px;
float: left;
}
#partners
{
width:53px;
height:38px;
background-image: url(../images/partners.jpg);
background-position: top;
background-repeat: no-repeat;
margin-right: 5px;
float: left;
}
Can anyone help fix this? Thanks refer to new post Hello, I am trying to write a piece of HTML for my web page. It is used to display a blog on a web page but in a frame, the only problem is that at the moment it only works in IE. Could someone help me make this universal or working in FF as well? HTML Code: <HTML> <HEAD> <TITLE>ZenBanners</TITLE> </HEAD> <FRAMESET> <FRAME src="http://ZenBanners.BlogSpot.com/"> </FRAMESET> </HTML> Hi there. So I don't need it for 800x600, only the sizes over 1024x768. Basically I made this template which I need to be able to be re-sized when in your browser. I thought I did this right, however I forgot about other resolutions other than 1024x768. When in higher res, the tables break a little and from what I can make out just get a little larger. What I can't work out is how to make them all work properly most large resolutions? Link to the template is he http://www.ruthlessintent.com/penguins/ Hi i was wondering if anyone can help me with making my page compatible with older browsers IE7+. My page is www.marksbodyshop.org The css is: Code: html,body {
height:100%;
margin:0;
background-color:#000;
background-image:url(../images/firstpage.gif),
url(../images/firstpage-backup-for-safari.gif); /* required by Safari */
background-size:100% 100%;
}
#container {
height:73%;
background-image:url(../images/update.png);
background-size:100% 100%;
}
#nav {
position:absolute;
padding:0;
margin:0;
list-style-type:none;
height:7%;
width:57%;
top:20%;
left:20%;
z-index:1;
}
#nav li {
width:16%;
margin:1%;
height:100%;
}
#nav a {
display:block;
width:100%;
height:100%;
outline:none;
text-indent:-9999px;
background-size:100% 300%;
}
#about {background-image:url(../images/aboutus.png);}
#about1 {background-image:url(../images/contactus.png);}
#about2 {background-image:url(../images/freelunch.png);}
#about3 {background-image:url(../images/map.png);}
#about4 {background-image:url(../images/meettheteambutton.png);}
#nav a:hover {background-position:0 -100%;}
#nav a:active {background-position:0 -200%;}
I am wondering if it is possible to create an INDEX.HTML to redirect to another website? I would like it to display the redirected site, but if possible keep to the original address.. e.g. A site named www.mysite.com, with an INDEX.HTML to redirect to www.othersite.com, which displays OTHERSITE with www.mysite.com in the address bar. Hope I explained ok, any responce would be much appricated! Thanks! Hi Could anyone help me with some coding probs? I cant see were the problem is occurring. The two divs container and content dont seem to wrapping around the other html variables correctly. If you put a border around content and container and view it you will know what im talking about. I want to put a margin between the footer and the movie. Thanks Please see the URL http://pmbperformance.99k.org/ Hi, Please help. I'm new to web design and have kinda cobbled my site together from various templates, etc. Problem is my site appears in Firefox, but comes up blank in IE and Safari. I'm pretty sure it's something stupid I've missed. The url is http://artheat.net Could anyone give me some advice? The basic html code is: <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" > <head> <title>ArtHeat</title> <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" /> <meta name="description" content="ArtHeat. Contemporary South African Art" /> <meta name="keywords" content="ArtHeat. Contemporary South African Art" /> <meta name="robots" content="index, follow" /> <link rel="shortcut icon" href="favicon.gif" /> <script language="JavaScript"></script> <style media="screen" type="text/css"> /* <!-- */ /* General styles */ body { margin:0; padding:0; border:0; /* This removes the border around the viewport in old versions of IE */ width:100%; background:black; min-width:600px; /* Minimum width of layout - remove line if not required */ /* The min-width property does not work in old versions of Internet Explorer */ font-size:90%; color:#CCC; } a { color:#FF9933; } a:hover { color:#fff; text-decoration:none; } a img { color: black; border: 0 0; margin:10px 0 5px; } h1, h2, h3 { margin:.8em 0 .2em 0; padding:0; font-family: Helvetica, Arial, sans-serif; color: #ff9933 text-decoration:none; } h2 a { text-decoration:none; } p { margin:.4em 0 .8em 0; padding:0; font-family: Arial, Helvetica, sans-serif; color: #ccc; } img { margin:10px 0 5px; } /* Header styles */ #header { clear:both; text-align:center; width:100%; } #header { border-bottom:1px solid #000; } #header p, #header h1, #header h2 { padding:.4em 15px 0 15px; margin:0; } #header ul { clear:right; float:right; width:100%; list-style:none; margin:10px 0 0 0; padding:0; } #header ul li { display:inline; list-style:none; margin:0; padding:0; } #header ul li a { display:block; float:right; margin:0 0 0 1px; padding:3px 10px; text-align:center; background:black; color:#D46912; text-decoration:none; position:relative; right:15px; line-height:1.3em; } #header ul li a:hover { color:#fff; } #header ul li a.active, #header ul li a.active:hover { color:#fff; background:#000; font-weight:bold; } #header ul li a span { display:block; } /* 'widths' sub menu */ #layoutdims { clear:both; background:#eee; border-top:4px solid #000; margin:0; padding:6px 15px !important; text-align:right; } /* column container */ .colmask { position:relative; /* This fixes the IE7 overflow hidden bug */ clear:both; float:left; width:100%; /* width of whole page */ overflow:hidden; /* This chops off any overhanging divs */ } /* common column settings */ .colright, .colmid, .colleft { float:left; width:100%; /* width of page */ position:relative; } .col1, .col2, .col3 { float:left; position:relative; padding:0 0 1em 0; /* no left and right padding on columns, we just make them narrower instead only padding top and bottom is included here, make it whatever value you need */ overflow:hidden; } /* 3 Column settings */ .threecol { background:black; /* right column background colour */ } .threecol .colmid { right:25%; /* width of the right column */ background:black; /* center column background colour */ } .threecol .colleft { right:50%; /* width of the middle column */ background:black; /* left column background colour */ } .threecol .col1 { width:46%; /* width of center column content (column width minus padding on either side) */ left:102%; /* 100% plus left padding of center column */ } .threecol .col2 { width:21%; /* Width of left column content (column width minus padding on either side) */ left:31%; /* width of (right column) plus (center column left and right padding) plus (left column left padding) */ } .threecol .col3 { width:21%; /* Width of right column content (column width minus padding on either side) */ left:85%; /* Please make note of the brackets he (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */ } /* Footer styles */ #footer { clear:both; float:left; width:100%; border-top:1px solid #000; } #footer p { padding:10px; margin:0; text-align:center; } /* begin styles for RSS Feed */ .rss-box { margin: 1em; width: 200px; background-color: #000000; } .rss-items { margin-top:0px; padding:0.5em; 0.5em; margin-left:0px; color:#FFFFFF; } p.rss-title {padding:0.5em;} .rss-title { text-decoration: none; font-family: small helvetica, arial, tahoma, "Bitstream Vera Sans", "Trebuchet MS", "Lucida Grande", lucida, helvetica, sans-serif; font-size: 12px; background-color:#000; color:#f93; font-weight:bold; margin: 0px; padding:0em; text-align: left; } .rss-item { font-family: small helvetica, arial, tahoma, "Bitstream Vera Sans", "Trebuchet MS", "Lucida Grande", lucida, helvetica, sans-serif; font-size: 12px; font-weight : normal; list-style:none; padding-bottom:1em; } .rss-item a { text-decoration : none; color: #f93; font-size: 12px; font-weight:light; font-family:small tahoma, "Bitstream Vera Sans", "Trebuchet MS", "Lucida Grande", lucida, helvetica, sans-serif; } .rss-item a:visited { color:#a51000; } .rss-date { font-size: 85%; font-weight : normal; color: #ccc; } </style> </head> <body> <div id="header"> <a href=/index.html><img src="Header.jpg" alt="art gossip truth" longdesc="http://artheat.net" /></a> </div> <div class="colmask threecol"> <div class="colmid"> <div class="colleft"> <div class="col1"> <!-- Column 1 start --> <!-- Begin #main --> <div id="main"><div id="main2"> <!-- Column 1 end --> </div> <div class="col2"> <!-- Column 2 start --> <h2><a href="/project">Project</a></h2> <p>Project is ablah blah blah</p> </div> <div class="col3"> <!-- Column 3 start --> <h2><a href="/wiki">DataBase</a></h2> <p>DataBase is etc etc etc</p> <h3>What's New on DataBase</h3> <script language="JavaScript" src="http://feed2js.org//feed2js.php?src=http%3A%2F%2Fwww.artheat.net%2Fwiki%2Findex.php%3Ftitle%3DSpecial%3ANewpages%26feed% 3Drss&num=25&date=y&tz=+2&targ=y" type="text/javascript"></script> <noscript> <a href="http://feed2js.org//feed2js.php?src=http%3A%2F%2Fwww.artheat.net%2Fwiki%2Findex.php%3Ftitle%3DSpecial%3ANewpages%26feed% 3Drss&chan=title&num=25&date=y&tz=+2&targ=y&html=y">View RSS feed</a> </noscript> <h3>What's Changed on DataBase</h3> <script language="JavaScript" src="http://feed2js.org//feed2js.php?src=http%3A%2F%2Fwww.artheat.net%2Fwiki%2Findex.php%3Ftitle%3DSpecial%3ARecentchanges%26 feed%3Drss&num=25&date=y&tz=+2&targ=y" type="text/javascript"></script> <noscript> <a href="http://feed2js.org//feed2js.php?src=http%3A%2F%2Fwww.artheat.net%2Fwiki%2Findex.php%3Ftitle%3DSpecial%3ARecentchanges%26 feed%3Drss&num=25&date=y&tz=+2&targ=y&html=y">View RSS feed</a> </noscript> </div> </div> </div> </div> <div id="footer"> <p>ArtHeat is open to any submissions or comments. Email us at <SCRIPT LANGUAGE="JavaScript"> var anchortext = "ArtHeat"; var mailpart1 = "artheat"; var mailpart2 = "gmail.com"; document.write("<a href=" + "mail" + "to:" + mailpart1 + "@" + mailpart2 + ">" + anchortext + "</a>") </script></p> </div> <script src="http://www.google-analytics.com/urchin.js" type="text/javascript"> </script> <script type="text/javascript"> _uacct = "UA-1848067-8"; urchinTracker(); </script> </body> </html> how do i have it so that my website will appear the same? like standardised? i was working on my site on 2 different computers today, one was a mac and one was a pc and well, the mac version was different from the pc. what i mean is that the images and the links were not in the place that i wanted them to be. Hi there all, this looks like a great place to get answers. I'm trying to make a site which is "centered" but I need to add a vertical scrolling text box on top of one of the graphics. You can see what I mean at Http://www.Senor-Dicks.co.uk/tester.html I can get the box up but it has an absolute position and won't stay in the right place. I'm using Dreamweaver and any help would be appreciated. It's been driving me nuts for about 3 weeks now. Thanks in advance. hi there www.brewrecords.net everyone can see my site but me! all i can see is 'this domain has just been registered' i delete my cookies and cache in internet explorer, still nothing. can anyone shed some light on this? thanks. does anyone knows a code or how to put a log in to a site? like i want before going in the site, before anything comes up in the screen a box with a log in.. could someone explain me I have just created a site with 50+ pages and want to create a HTML site plan page of just text links for the entire site, is there a simple way to do this, i have had a quick google search and can only seem to find PC software, any ideas for a mac user or any dreamweaver exensions etc that can help!!!! Thanks in advance Howdie! I created my first homepage - real easy. What are the next steps? I cant understand why people make such a big deal about it. I found it easy. Here it is http://supanerd.blog.homepagenow.com/ Now I want to do one of those great moving cursors with my name rotating around. How can I fix this up? Can any of you guys give me some tips on how to integrate it. Appreciate your help! Hi well i am finally getting read to put my site together this weekend and i just have a few questions. my site has been designed by a designer who has mocked it up in photoshop, illustrator etc. so the question that i have is how do i translate that into HTML? here are a few screen shots of what my site will look like. also i'll be taking them down in a couple of days. so here they are... Thanks hello everyone im new to html but im learning slowly but surely. anyways the reason why i came he is im having an issue with a table on my site Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>Julian Plumbing Inc.</TITLE>
<META content="text/html; charset=unicode" http-equiv=Content-Type>
<META name="Julian Plumbing Inc." content="">
<META name="Julian Plumbing Inc." content="">
<META name="Dylan Isley" content="">
<META name=GENERATOR content="MSHTML 8.00.6001.18904"></HEAD>
<BODY>
<TABLE border=1 cellspacing=1 cellpadding=1 width=240 align=center <thead>
<TBODY>
<TR>
<TD></TD>
<TD>
<P>Blockages and leaky and noisy pipes are a hassle to fix and can
indicate an even bigger system problem. Don't leave your home in the hands
of normal plungers, liquid cleaning agents, or inexperienced plumbers who
can't get the problem fixed the first time. Call the plumbing
professionals at Julian's Plumbing, Inc.</P>
<P> We are a full-service plumbing company serving the Charlotte area
that handles all types of repair. Our dependable and professional staff is
committed to providing fast and accurate service to all of our customers.
From drains and clogs to sewer and water installs, we handle it all and at
affordable prices our loyal customers can appreciate.</P></TD>
<TD>
<img src="Plumbing, Drains, Pipes, Julian's Plumbing, Inc_, Charlotte, NC_files/pipe.jpg" width="250" height="312">
</TD>
</TR></TBODY></TABLE>
</BODY></HTML>
there is my code and whats happens is. and here is pretty much what i want it to look like. can someone tell me how to do it Hi, I'm new here. I'm using Dreamweaver to make this site, and .Mac for hosting. I'm looking for a way for me and one or two other people to update text on a site made in dreamweaver. Some kind of blog would work, but I need it to be ON the site, and match the theme. Please help if you can. This is probably easy, but I'm new to HTML and dreamweaver. Thanks in advance. Hello there. I am new to this forum. I used to be big into HTML, etc, got busy for a couple years you can say, and well, now I am back and lost in some ways! With that said, I hope someone here can assist me for what I am after. I am making a site for a photographer friend of mine. Here is it so far ... not yet done ... http://starverse.ca/sam/index2.html I want to make it so when you say update the photo area EX: http://starverse.ca/sam/center.html it will ONLY update that and I won't have to do anything to all the other items on the left/rights sites. I guess like a site within a site. I have been reading about using codes, such as : <!--#include virtual="path to file/include-file.html" --> <div id="nav"> <a href="...">...</a> ... </div> <? require("/path/to/file.html"); ?> etc. Nothing seems to work on my site. What in the wide world of sports am I doing wrong??? the site http://www.googtwo.tk (my site) is attempting to put a garfield comic for the day by an iframe. if you look at the code, you'll see some irrelavent code, ignore it. but the iframe, isn't goign to the size i want it to, and therefore you can't see the comic. ??? |
|||||||