473,388 Members | 991 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,388 software developers and data experts.

CSS and IE7 problems

Hi there,

I am really hoping someone out there can help me. I have found that my site doesn't display properly in IE7 or Firefox. I don't get a vertical scrollbar on the browser window. Also I seem to have another problem where all the page elements aren't placing themselves properly and the #wrap div seems to be setting itself as only 190px high!! I am baffled! Please help!

Below is the CSS, and here's the URL www.art2murals.com

Thanks in advance :o)

/*
CSS for Sue Groom Fine Art Studio
*/
Expand|Select|Wrap|Line Numbers
  1. h1     {font-family: "Comic Sans MS"; font-size: 36pt; font-weight: bold; text-align:center; color: #FF0033;}
  2.  
  3. h2  {font-family: "Comic Sans MS"; font-size: 24pt; font-weight: bold; text-align:center; color: #660066;}
  4.  
  5. h3  {font-family: "Comic Sans MS"; font-size: 14pt; font-weight: bold; text-align:center; color: #660066;}
  6.  
  7. body     {font-family: "Comic Sans MS"; font-size: 14pt; color: #660066;}
  8.  
  9.  
  10. /*
  11. Links
  12. */
  13.  
  14.  
  15. a     {font-weight:bold; color: #FF0033; text-decoration: none }
  16.  
  17. a:link {color: #FF0033; text-decoration: none; font-weight:bold }
  18.  
  19. a:visited {color: #660066; text-decoration: none; font-weight:bold }
  20.  
  21. a:hover {color: #00B1AE; text-decoration: none; font-weight:bold }
  22.  
  23. a:active {color: #FF33CC; text-decoration: none; font-weight:bold }
  24.  
  25.  
  26.  
  27. /*
  28. Footer link colours
  29. */
  30.  
  31. #footer a {font-weight:bold; color: #FFFFFF; text-decoration: none }
  32.  
  33. #footer a:hover{font-weight:bold; color: #00B1AE;}
  34.  
  35.  
  36.  
  37.  
  38. /*
  39. Nav bar
  40. */
  41.  
  42.  
  43. #navigation ul{margin:0;padding:0;list-style:none; text-decoration: none;}
  44.  
  45. #navigation a{display:block;width:9em;}
  46.  
  47. #navigation a:hover{background:#B0E0E6;}
  48.  
  49. #navigation li{float:left; width:9em; }
  50.  
  51. #navigation li ul{position:absolute; width:9em; left:-999em; background:#B0E0E6;}
  52.  
  53. #navigation li:hover ul{display:block; left:auto;}
  54.  
  55. #navigation li:hover ul, #nav li.sfhover ul {left:auto; background:#B0E0E6;}
  56.  
  57.  
  58. /*
  59. positioning
  60. */
  61.  
  62. #wrap         {position:fixed; left:0px; top:0px; background:url(red.jpg); width:930px; padding:20px 20px 10px 20px;}
  63.  
  64. #sitebranding      {position:fixed; left:20px; top:20px; width:725px;}
  65.  
  66. #navigation     {position:relative; left:0px; top:140px; background-image:url(navjungle.jpg); width:175px; height: 560px; float:left; }
  67.  
  68. #bodycontent     {position:relative; left:20px; top:140px; background:#B0E0E6; overflow:scroll; width:691px; height:530px; padding: 20px 20px 10px 20px; }
  69.  
  70. #footer         {position:relative; top:670px; color: #FFFFFF; text-align:center; width:725px; font-weight: bold; font-size:14pt; padding:30px 25px 5px 25px; }
Sep 16 '07 #1
3 2480
drhowarddrfine
7,435 Expert 4TB
Validate and fix your 36 html errors and two css errors first. Also, the "Comic Sans" font is not available on all computers.

Showing the css alone means nothing but the link is what helps best.
Sep 16 '07 #2
I see you are using ID instead of classes. This method in my experience will cause more problems across-browsers. You should consider using classes and relative margins for your design.
Sep 19 '07 #3
drhowarddrfine
7,435 Expert 4TB
I see you are using ID instead of classes. This method in my experience will cause more problems across-browsers. You should consider using classes and relative margins for your design.
There is nothing wrong with using ids cross-browser.
Sep 20 '07 #4

Sign in to post your reply or Sign up for a free account.

Similar topics

0
by: Jerome Lefebvre | last post by:
Hello, Hope this will interest a few. I been working with a friend on the problems given out during the "International Collegiate Programming Contest" (ICPC) http://icpc.baylor.edu/icpc/ ....
14
by: Jim Hubbard | last post by:
Are you up to speed on the difficulties in using the 1.1 .Net framework? Not if you are unaware of the 1,596 issues listed at KBAlertz (http://www.kbalertz.com/technology_3.aspx). If you are...
1
by: 3f | last post by:
Hello; We have made a web application that people can download from our web site and installed on: Windows XP Windows 2000 Professional Windows 2003 Server Windows 2000 Server
5
by: Corky | last post by:
This works: db2 SELECT DISTINCT PROBLEM_OBJECTS.PROBLEM_ID FROM PROBLEM_OBJECTS INNER JOIN PROBLEMS ON PROBLEM_OBJECTS.PROBLEM_ID = PROBLEMS.PROBLEM_ID WHERE INTEGER(DAYS(CURRENT DATE) -...
2
by: Ellen Graves | last post by:
I am having a lot of problems with DB2 8.3.1 on RH Linux AS2.1. Installing and running stored procedures is problematic. Stored procedures I have used for years on V7 on WinNT are now failing...
19
by: Jim | last post by:
I have spent the past few weeks designing a database for my company. The problem is I have started running into what I believe are stack overflow problems. There are two tab controls on the form...
10
by: BBFrost | last post by:
We just recently moved one of our major c# apps from VS Net 2002 to VS Net 2003. At first things were looking ok, now problems are starting to appear. So far ... (1) ...
19
by: Dales | last post by:
I have a custom control that builds what we refer to as "Formlets" around some content in a page. These are basically content "wrapper" sections that are tables that have a colored header and...
2
by: Brian | last post by:
NOTE ALSO POSTED IN microsoft.public.dotnet.framework.aspnet.buildingcontrols I have solved most of my Server Control Collection property issues. I wrote an HTML page that describes all of the...
0
by: Sergistm | last post by:
Hello World, :D I have a problem that it is making me crazy, I hope you can help me. I'm trying to execute a .exe file with the Procces.Start, and there is no problem when the file is on my...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
by: ryjfgjl | last post by:
If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...
0
by: emmanuelkatto | last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel
0
BarryA
by: BarryA | last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
0
by: Hystou | last post by:
There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...
0
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...
0
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...
0
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...
0
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.