|
HTML - Ie Problems Viewing My Site
Hi: I'm having problems with IE viewing my site. Unfortunately a lot of my viewers still use IE, but the way the design was made (Open Source design), the right side is in the first part of the file (<div id="content">) and the left side is afterwards (<div id="left">). It was working fine in IE for a while but then just suddenly stopped working after I was editing. Not sure what I did.
Site demo: www.neptuneware.com Username: gametest Password: penguins When prompted. Could anyone please look at it in IE and tell me why it's not working. All HTML is in the source code (nothing's hidden), but here is the CSS file: Code: /*
** BLUE:SKY - main stylesheet
** This CSS file makes the webpage look pretty ;-)
**
** March 5, 2006 - (version 1.0)
**
** this is a part of the open source layout by
** Jonas John (www.jonasjohn.de) ~ made for gameindicator.com
** GAMEINDICATOR.COM using OPEN SOURCE WEB DESIGN (OSWD.ORG)
** GameIndicator thanks OSWD and Jonas John for our website design.
*/
/* page overall: bg used to be a5ddf8 */
html * {
margin: 0;
padding: 0;
border: 0;
}
body {
margin: 0.5em 0em 2em 0em;
font-size: 100%;
font-family: "Lucida Grande", Verdana, Arial, sans-serif;
line-height: 1.1em;
text-align: center;
background-color: #fff;
background-image: url(../images/background.png);
background-repeat: repeat-x;
}
#page {
width: 1000px;
text-align: left;
margin-left: auto;
margin-right: auto;
}
/* header: */
#header {
position: relative;
width: 100%;
height: 2.8em;
color: #fff;
vertical-align: middle;
text-align: left;
}
#header a:link, #header a:visited {
color: #FFFFFF;
text-decoration: none;
font-family: "Trebuchet MS", Arial, Tahoma, sans-serif;
font-weight: bold;
font-size: 1.9em;
letter-spacing: -0.1em !important;
letter-spacing: -0.2em;
line-height: 1.2em;
}
/* left column: */
#left {
width: 24%;
float: left;
position: relative;
font-size: 0.8em;
}
/* DIV NAV EXTRA
** border-right: 0.18em solid #4284B5;
** border-bottom: 0.16em solid #4284B5;
*/
div#nav {
background-color: #fff;
width: 90%;
border: 1px solid #555555;
}
#nav ul {
list-style-type: none;
padding: 0.5em 0em 0.9em 0em;
}
#nav ul li {
padding: 0.03em 0em 0.03em 0.9em;
margin-right: 0.3em;
}
#nav a:link, #nav a:visited {
color: #2E668B;
}
#nav a:hover, #nav a:active {
color: #000;
}
/* LEFT BOX EXTRA
** border-right: 0.18em solid #4284B5;
** border-bottom: 0.16em solid #4284B5;
*/
div.left_box {
background-color: #fff;
width: 90%;
margin-top: 1em;
border: 1px solid #555555;
}
/* LEFT BOX AND NAV H3 EXTRA
** border-top: 0.1em solid #65B6E3;
** border-left: 0.1em solid #65B6E3;
*/
div.left_box h3, div#nav h3 {
margin: 0em;
padding: 0.2em 0em 0.2em 1em;
font-size: 0.8em;
color: #fff;
background-color: #4284B5;
text-transform: uppercase;
font-family: Verdana, Arial, sans-serif;
border-bottom: 1px solid #555555;
}
div.left_box p {
margin: 0em;
padding: 1em 1em 1em 1em;
}
div.left_box a:link {
color: #2E668B;
}
div.left_box a:visited {
color: #254A65;
}
div.left_box a:hover, div.left_box a:active {
color: #000;
}
/* innerbox
** border-right: 0.15em solid #7BA5C6;
** border-bottom: 0.15em solid #7BA5C6;
*/
div.inner_box {
}
/* content column: */
/* CONTENT EXTRA
** border-right: 0.2em solid #4284B5;
** border-bottom: 0.2em solid #4284B5;
*/
#content {
float: right;
display: inline;
position: relative;
width: 75%;
font-size: 0.75em;
border: 1px solid #555555;
background-color: #fff;
}
#content h1 {
clear: both;
margin: 0em 0em 0em 0em;
padding: 0.5em 0em 0em 0.1em;
font-size: 1.7em;
font-family: "Trebuchet MS", Arial, sans-serif;
color: #FF6300;
border-bottom: 0.05em solid #FF9853;
line-height: 1em;
}
#content p {
margin: 0em 0em 0.5em 0em;
padding: 0.35em;
}
/* PATH EXTRA | border-right: 0.23em solid #7BA5C6; */
#path {
font-family: Verdana, Arial, sans-serif;
margin: 0em 0em 0em 0em;
padding: 0.4em 0.6em 0.4em 0.6em;
font-size: 0.9em;
color: #2F5E80;
background-color: #D0E7F4;
border-bottom: 1px solid #555555;
}
#content a:link {
color: #2E668B;
}
#content a:visited {
color: #255270;
}
#content a:hover, #content a:active {
color: #000;
}
#content acronym {
border-bottom: 1px dotted #4284B5;
cursor: help;
margin: 0;
padding: 0;
}
/* MAIN EXTRA
** border-bottom: 0.2em solid #7BA5C6;
** border-right: 0.2em solid #7BA5C6;
*/
#main {
padding: 0.5em 1.5em 1.5em 0.7em;
}
div.img_left, div.img_right {
border-bottom: 0.09em solid #4284B5;
border-right: 0.1em solid #4284B5;
}
div.img_left {
float: left;
margin: 0.5em 0.8em 0em 0em;
}
div.img_right {
float: right;
margin: 0.5em 0em 0em 0.8em;
}
div.img_left img, div.img_right img {
display: block;
border: 0.35em solid #7BA5C6;
margin: 0;
padding: 0;
}
/* this clears floating (e.g images) */
br.clear {
clear: both;
display: none;
}
/* footer: Margin (no spec side) used to be 0em, EXTRA padding: 0em; */
#footer {
font-size: 0.6em;
clear: both;
color: #027BC1;
text-align: right;
}
#footer p {
margin: 0em;
padding: 0.1em;
}
#footer a:link, #footer a:visited {
color: #027BC1;
}
#footer a:hover, #footer a:active {
color: #000000;
}
Similar TutorialsAlright. Hpefully you all will be able to give me a helping hand. My site is located at http://www.eternalhogwarts.com If you have an older version of I.E look at it. It looks fine. However when you view it with Firefox and IE 7.0 it looks really strange and I really don't know what to do. Please help!!! Hey, I've downloaded a template to use for my webpage and i changed up the width of the middle section (in grey) within the css, it views perfectly in mozilla, but when viewed in IE it's as if i didn't widen the width of the middle section at all and as a result the text and images i have put in the area are compacted. Does anyone have any ideas of how i can get IE to view my site the same as mozilla is? Mozilla is displaying the site as i want it too look. The text is more spread out wthin the grey area. http://www.revolutionct.com.au/boot_camp_canberra.html Appreciate any help! Thanks. The following site was created with WordPress 2.8.4, using the WP Slider theme. It looks perfectly fine in Firefox but has some issues in IE7. (I'm a front end designer and have only a working knowledge of coding, so any help would be appreciated.) http://amcreativestudio.com/ Basically, the errors are with image alignment on the 'home' and 'services' page, and with no text showing up on the 'portfolio' page. I've used align="right" for the images - added this code in WP, in my theme's admin panel. I'm also using a variety of plugins, which may or may not be affected how my pages view. Help! I used the html validator add on for Firefox, and it produced the following errors on the above referenced page. line 18 column 43 - Error: document type does not allow element "span" here line 127 column 53 - Error: document type does not allow element "div" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag line 268 column 53 - Error: document type does not allow element "div" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag line 296 column 3 - Error: document type does not allow element "h2" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag line 297 column 3 - Error: document type does not allow element "h2" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag line 298 column 13 - Error: end tag for "p" omitted, but OMITTAG NO was specified line 267 - Info: start tag was here line 322 column 38 - Error: document type does not allow element "div" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag line 375 column 58 - Error: there is no attribute "role" Hey everyone Ive been working on a website for my company for some time now and Coothead has been able to help me with most everything I need Only problem is now when I go to work to view the website on a PC running Windows XP SP3 and IE 8 the dropdown menu links don't function proporly. Im not sure if its my CSS or my PHP Includes, or maybe something else hehe. my website is www.k2digitalinc.com and if it looks fine on your browser then this is a pic of what it looks on on XP IE 8 http://free.hostultra.com/~k2digitalinc/website.JPG When i hover over a link it appears below the next with no background and its impossible to click the link. Ill post my entire website script and images below, any help appreciated. I dont really understand CSS but I think its proboly a problem with the default.css file, because coothead already helped me with my php includes, so I trust he did it right Any help appreciated. Thanks. Hi everyone, This is my first post. So allow me to introduce my self. My name is Adam. I have seven years of comprehensive experience in the Tech industry primarily focused on help desk solutions. Presently building a web-page using Net Objects Fusion 9. When I view the site on Internet Explorer everything is normal. When the page is viewed in Mozilla Fire Fox, you can notice that all the image displays are in different placements the text is all over the place... thevillasatpaugusbay.com/norrisv/ Can anyone offer a kind and helping hand to me? I'd hate to have redesign everything!! Thank you for taking the time to read my post. Even if you cannot offer any help or your help didn't resolve my issue. I do want you to know I appreciate it! greetings all! im new to the site. and learning html css etc! my problem is. my website views fine in google chrome but when viewed in IE the pictures have gaps etc. and as my website is mostly made up of pictures. it ruins the whole thing. The site isn't centred either. which it is on chrome. ive look for hours for IE fixes but to no glory. . is there any code i can add to be compatible with IE? website is . www.malicealliance.com Thanks Ok. Im starting a site for the games/apps that iv'e been making. Here is what I have: Code: <HTML> <head> <title>Lithium Games Home</title> </head> <body> <body bgcolor="Silver"> </body> <p style="text-align: center;"> <img src="http://img337.imageshack.us/img337/3710/lglogoxf4.gif" border="0" alt="Lithium Games Logo"/> <br /> <img src= http://img209.imageshack.us/img209/703/linesmy2.gif /> <br /> <a href="http://imageshack.us"><img src="http://img291.imageshack.us/img291/7977/homebuttonun3.gif" border="0" alt="Lithium Games Home"/></a> <a href="http://imageshack.us"><img src="http://img146.imageshack.us/img146/1559/gamesbuttondp4.gif" border="0" alt="Download Games"/></a> <a href="http://imageshack.us"><img src="http://img209.imageshack.us/img209/8550/appsbuttones9.gif" border="0" alt="Download Applications"/></a> <br /> <img src= http://img209.imageshack.us/img209/703/linesmy2.gif /> </p> </body> </HTML> Yaa. Heres what it makes: ... Questions: 1.How do I make the secont line image scoot up closer to the link/images? 2.Is there any way to make a line of text that automaticly jumps tp the botem center of the page? ... Thanks. H'i, I am a new member but have several years' experience writing my own straightforward websites in HTML. About a year ago, I changed my old tower computer operating on XP for an HP Compaq 610 operating on Windows 7 and since then my problems have started. I have one web site on Freeservers (apparently unaffected by this problem), and three on Bravehost - these are now giving me serious problems after functioning well for 6 years in one case and 3-4 years in the remaining two sites. 1. When I open my website I find a string of unrelated coded script across the top of one of the pages and in many places where <p> exists normally in the HTML script, I have a "/p" appearing ON THE WEB PAGE! There is no evidence of either of these anomalies in the HTML script itself. 2. When I try to edit an error and go back on line to view my change, I find that in place of - perhaps - a one-letter corrected spelling, I have a string of totally unrelated letters and symbols. I have not checked every page of every site but it does seem to be a general problem. Are there known issues with Windows 7 in this area? I usually edit using Notepad and my preferred FTP is Leapware. I can offer a URL if required for viewing. Can anyone help? Thank you, Selwyn. Hi all! This is my first post at the html forums, and I'm quite new with coding in general, so please don't scream at me for being such a noob. I've been planning this site for quite a long while, and only just got into creating it within the last 2 months. It's called star-files.net. In case it's what your thinking, no, this is not a site about celebrities. The "star" is just a catchy phrase to go along with the rest of the domain name. Thus far, I've been creating it using a mixture of notepad (for the html coding that I actually have the knowledge to accomplish), and dreamweaver v8 (for the stuff I need help with or just don't have a clue about, like CSS and java). The forum won't let me include the html in this post, so I'll stick it in the next one. Just look at the source for now. If you have any suggestions for the source code, please let me know. I want to have this improved as much as possible. Anyway, the reason I'm posting this thread in the first place is that IE is giving me problems. Both v6 and v7, and I can easily guess that users with IE v5, 4, 3, 2, and probably 1 are not going to be happy with the way it looks. Straight and simple, the file "BGfade.png" (BG stands for backround) is stretching too far in width. I have it set to stretch to 100% width of the available space between the main table and and the side of the window. Instead, It stretches farther, causing a horizontal scroll bar to appear. Anyone know why this happens, and better, how to fix it? Lastly, I have another problem, but I know that fixing it will probably require CSS or java... It's the "transparent-pngs-in-ie" problem. BGfade.png is supposed to be transparent, to show the image being it, SFgrid.(jpg or png, but I can't remember which.). IE has difficulties with this, I know, so I'm trying to find a solution. If anyone has an idea, I'll be most grateful. Thanks! I have two similar links into my site that act very differently. One is mydomain.com/link1 and the other is mydomain.com/link2. There is a link1.htm file in my root and a link2.htm file in my root. When I enter "mydomain.com/link1" in my browser, I see the page. When I enter "mydomain.com/link2" in my browser, I get a 404. I do see link2 if I enter "mydomain.com/link2.htm" Is there a secret to making this type of link work? I don't remember doing anything special for link1. Maybe b/c it's Friday I can't get my brain around this one. Any help would be greatly appreciated. I have read various post all over the net about site problems in IE but ok in Firefox, Safari etc. Well, I have that problem too and have failed to identify the problem within my site. I am a novice websiter - relying on DW to do most of it for me! So any help would be appreciated. see www.nailseachoral.org.uk the navigation bar should not have a box around the words (present, future, gallery etc) and the home button should not have a purple box around it! Looks ok in Firefox and Safari. I am suspecting the image sizing code could be a factor? Any suggestions would be appreciated and thanks, Hey everyone, Working on a site for this church. The site is www.graceheritagechurch.com . I have a few problems that I want to touch up: 1)First, I have it on the home and about us pages where the td extends 100% so if there is scrolling, it is using the right scrollbar and not a scrollbar inside the i-frame. If you look at the Our Beliefs section, I can't say the same for that. What code do I need so the only scrolling is on the right side and it just extends until all the text is done? 2)Lastly, If you go to the home page and make the text size a good bit bigger, the horizontal scroll will appear in the iframe. I don't want this, and I know most people don't use font size that big, but the preacher I'm making this site for does and it's important that I can get it off there. Any help with these two basic questions is greatly appreciated. Help ASAP! Thanks, Kyle I dont know what the solution is but almost everry site that I create doesnt work in internet explorer! the links are wax-bar.ca and imagearts.ryerson.ca/nsahota It just shows a blank screen! I would really appreciate any help with this. Thanks in advance! Hello. I have problem with creating a website for my Counter-Strike team. When I trying to write match info, and insert there a little flag, it always goes below map picture. It goes there everyway... with FrontPage, with PageBreeze, even with a WordPad, then i tried to edit HTML code manualy. Here is a screenshot: I realy need this problem to be solved. Sorry for my english. Hey guys, Im workign with a new client and she had a previous designer do her site. Problem is it was done in Frontpage has a referenced .dwt file and Im trying to edit this. I generally work with puremarkup but have dreamweaver to get an instant visual change as I do this. My problem is as i'm trying to change stuff its not allowing me to do this. Also in the directory there are tons of _vti directories. There is a form on her site which was done in ASP so in general I'm slightly confused as to the best way to edit her site. I even just copied the code and pasted it into a new window and its giving me hangups about this. I think the way Frontpage generated the code is wonky. The site URL is alongcamemary.biz Can you guys make some suggestions on the best way to approach this. Thanks, Richard hi this is my 1st post and i am so desperate needing help i recently did a website.. the site is viewing fine in Mac safari, windows opera and firefox.. but when comes to IE, the table is in a mess.. can someone help me? i can upload the file if possible.. below is the pictures. Opera: IE: I test all of my pages on all of the most popular browsers. I believe that you can only have one version of IE installed per user account. I have IE6 running on one PC, and IE7 on another PC. Once IE8 becomes popular, I will test my pages on that too. Q. Can I have multiple versions of IE available on a single Windows XP PC? Do I need three PCs to run IE6-7-8? Q. How are you guys addressing this problem? I am a beginner! (I thought I would warn you.) Can someone here please tell me how to do the code for being able to see how many viewers are online at a particular site. For instance so all shoppers can see how many people are shopping in that store at the same time? I hope that makes sense. Many thanks in advance!! |
|||||||