Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people, just like you, are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
Solved

Problem with CSS and IE

Posted on 2012-03-16
3
309 Views
Last Modified: 2013-11-19
I have several problems with this page in IE.  It appears OK in Firefox, Chrome and Safari.  

The url is http://www.thenewrpt.com/SimonRose

Problems:
1. The top menu where there is a down arrow raises up about a few pixels
2. The 4 horizontal squares across the the page about mid way down do not space across the page as they do in the other browsers
3. the Google RSS feed: the top rotation shows to the right in a very odd way (again see the other browsers to see what it should be.

All of these problems start when I add the simple tabs (bio, testimonial, etc)

thank you for your help.

Valeria Moore
0
Comment
Question by:vmoore99
3 Comments
 
LVL 16

Expert Comment

by:HagayMandel
ID: 37731950
Replace the first lines in your source (up to the <head> tag_, with the following (without remarks and gaps):

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<title>Reference Point Therapy |Simon Rose</title>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" >
<meta name="robots" content="noindex,nofollow" >
<LINK REL="SHORTCUT ICON" HREF="http://www.thenewrpt.com/favicon.ico">
0
 
LVL 83

Accepted Solution

by:
Dave Baldwin earned 330 total points
ID: 37731980
Close but this is what it should be:


<!-- InstanceBeginEditable name="doctitle" -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Reference Point Therapy |Simon Rose</title>
<!-- InstanceEndEditable -->
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" >
<meta name="robots" content="noindex,nofollow" >
<LINK REL="SHORTCUT ICON" HREF="http://www.thenewrpt.com/favicon.ico"> 
<link rel="stylesheet" href="http://www.thenewrpt.com/css/teacherpagestyle.css" type="text/css"  /> 

Open in new window


There should be only One <head> tag and only One </head> tag just before the <body> tag.  You also have formatting problems around your form.  You must fix these things if you expect the page to display in a predictable way.
0
 

Author Closing Comment

by:vmoore99
ID: 37732495
Thank you.  Worked beautifully.
0

Featured Post

DevOps Toolchain Recommendations

Read this Gartner Research Note and discover how your IT organization can automate and optimize DevOps processes using a toolchain architecture.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

"In order to have an organized way for empathy mapping, we rely on a psychological model and trying to model it in a simple way, so we will split the board to three section for each persona and a scenario and try to see what those personas would Do,…
Does your audience prefer people in photos or no people? How can you best highlight what you’re selling? What are your competitors doing, and what can you do that is different and unique from them?  Continue reading to learn how to make your images …
The viewer will learn how to look for a specific file type in a local or remote server directory using PHP.
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

808 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question