|
HTML - Help Validating For Ie7 - Site Not Viewing Correctly
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" 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!!! 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;
}
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. 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! Guys, i am in a real bind here. I recently redesigned my website & gave it a fresh look. Well apparently that new look has come with a cost! My homepage doesn't display correctly in IE6 or IE7. I am getting a lot of complaints about it & I have no clue how to fix it. I added a script to inform users that they were using an older browser that was outdated but a lot of my users cannot update their browsers because they are on work computers & what not. Can someone please help me fix this mess. My homepage URL is: http://www.biglake411.com/ The site displays correctly using firefox & IE8. The problem is with IE6 & IE7. Here are screen shots of each: Thanks in advance. Hi All, I need help as fast as possible for a non profit which I have co-founded. I am a native linux/firefox user, one of the other members had told me that there is an issue in IE with our website but hadn't really told me how bad it was. I checked it out today and it is HORRIBLE. We are sending out a newsletter in the next week which will probably significantly increase traffic to our website so getting it solved is crucial. I can provide any code that I have worked on in order to find help. the website is www.cleaneducation.org the website works fine in Firefox in Windows/Linux and Mac but IE does not work. Please visit the site using firefox and IE to see what I mean. I'm in a bit of panic mode over this Thank you much Ok, I got my site to work in Safari and FF, but the only problem I am having is that in IE in the banner there is a black bar that runs accrossed.. And I can't seem to find out what is causing this.. http://www.clandestinedesigns.com/ccinsurance Would anyone be able to help me fix this? Thank you Hi, I have made a website that is scalable, but the problem is that it is not showing correctly in Internet Explorer. It works fine in Firefox. (2.x) site: http://www.haaga-helia.fi/~a0500249/pohja/index.html I don't know where the bug is. I ran it with w3c validator and it was fault free. Something to do with the css file, but I don't know where. Help is appreciated. Sincerely, Juha fixed it on my own, this site would prob attract a lot more newbies like me if you actually helped instead of glancing at the code and making comments about things that aren't part of the problem Hi Maybe it's just on my computer, but my site's not coming up right in Firefox the last few days. It works fine in other browsers. Can anyone see a fault in my coding to explain why there is no info appearing in the "Tommo's Trivia" box? The site is at http://www.billygoatkaraoke.com.au Thanks for taking a look. Shaun I am primarily a PPC / offsite SEO guy. My html skills are horrible and I can't do much more than basic text modificaitons using Microsoft Expression Web. One of my clients who has the site: http://www.grandaffairrental.com/ displays correctly in Google Chrome on all pages of the site. However in IE and possibly other browsers on the bottom of the home page the text overlaps and looks like garbage. Similar probelms exist on: http://www.grandaffairrental.com/AboutUs.htm (bottom) http://www.grandaffairrental.com/Services.htm (bottom right) http://www.grandaffairrental.com/PriceList.htm If someone could kindly tell me how to rectify this I'd greatly appreciate the assistance. Thanks in advance. I'm having trouble with some browsers opening my website. Some people go to the homepage and just see a blank page with the contact details at the bottom. I know the website isn't the most fancy in the world, but it's my first and does the job for now. I can view it fine. Does anyone have any ideas as to what could be wrong and how it could be fixed? My website is www.lagganoutdoor.co.uk Hope you can help. Many thanks in advance. Duncan. 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!! 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: 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. 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 need the code in html when any one opens my website in mozilla firefox the user is prompted to view the website in INTERNET Explorer . while if the user opens the website in IE he is not prompted to any action. and the action required may be in pop up form or attention message form. please help me put as soon as possible. and the code must work for any browser because i need my website to be viewed in IE only. can go through the URL ... please view it in IE and firefox there is a difference is spacing the table if u can fix this or can make the prompting it will be fine http://ims-sc.org/SPORTS/members.html website- http://webtvdeluxe.com/home.php It's not really a problem but an annoyance. I just set up my page so it is html 4.0.1 strict. I don't have any errors or anything. Everything is viewed perfectly on a windows computer(no matter what the browser as far as I can tell). However on a mac I get this problem.... If you have a mac, use safari or firefox to view the page. At first glance, you will say "Well what's the problem?" The bottom of the middle table below fashion expert should be the bottom of the page. However the page continues further down alittle bit. If I didn't have those tables in the middle filling that empty space, the page would still be that long. For example, on one of my pages, I only have one table in the middle but my page still scrolls down right to that spot. Even if there is no content to push the table down that far which is the weird part. Has anyone ever encountered this? Is this possibly a bug with mac browsers? Is there maybe a fix? Hi all, I'm a technical author based in the UK, but I've got a problem with an online help system I'm producing - I hope you can help, I've been pulling my hair out for days trying to find a solution to this! My problem is with the security update courtesy of Microsoft and the "Page not displayed" problems it causes. The container and TOC produce fine, but the right pane shows the error. Now, my chm has to be stored on a network and will be viewed by over 500 people on terminals, so I'm unable to load anything onto any local drives, so I can't do the "Unblock" security fix. None of the users will have admin privileges and bearing in mind there are so many machines, I'm also unable to change the registry settings on the machines, so this rules out fix number two. I wonder, is there any code that could be put into the chm itself to confirm it as a valid file, and thus open directly from the network without having to modify each individual pc? Or indeed would anyone know of a script that could be run from the network to update everyone's machines all at once? If none of these work, I guess I'm reduced to producing plain HTML files, but I'm hoping I can find a workaround as I particularly like the TOC/index/search facilities of HTML help, and the fact I only have to ship a couple of files. I do hope you can help, thanks in advance, Tixuk |
|||||||