Welcome Guest ( Log In | Join )

Discover the best free computer help!
Learn more about Geeks to Go by taking the tour. Spyware, virus, trojan, fake security or privacy alerts? Read the malware cleaning guide. Want to reply to a topic, start a new one, or remove the advertising? Join today (always free).
      
 
 Reply to this topicStart new topic
CSS Help with 3 main browsers
aowens
post Jun 20 2008, 10:27 AM
Post #1


New Member
*
Posts: 3
OS: Mac
I'm rather new to CSS and so I'm teaching myself how to do it by tutorials and forums (I learned HTML in high school and Flash in college). There is one thing I'm having trouble with.

http://www.alexandraowens.com/carabali/mycsswebsite.html

The website I've been building for my dance team looks fine in Safari, looks almost fine in IE, but in Firefox it doesn't recognize the CSS. Can someone look at my page and tell me what I need to add in order to get it to recognize the CSS? I've been looking all over, but since I'm so new, it's a little overwhelming.

Ignore the links not working, I haven't transferred everything to the real domain so I'm just using my own for the time being. Thank you in advance!
Go to the top of the page
 
+Quote Post
Major Payne
post Jun 20 2008, 01:54 PM
Post #2


Trusted Techie
Group Icon
Posts: 4,476
From: FEMA took "Tin Can" away!
OS: Win XP/Vista Home Premium. Backup PC: Commodore 64 with 300 baud modem!



Dump the part under the doc type. Not allowed there:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<!--[if lt IE 7]>
 <link rel="stylesheet" type="text/css" href="ie6.css" />
<![endif]-->

You document type is incorrect. Should be:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

I recommend a minimum of a strict doc type unless you don't know how to code to it.

You have several HTML errors.

Use Firefox to check all your pages. IE, Safari and all the other browsers come no where near being CSS2 compliant. Firefox does.

Ron
Go to the top of the page
 
+Quote Post
aowens
post Jul 1 2008, 01:07 PM
Post #3


New Member
*
Posts: 3
OS: Mac
Great! Thank you! It's validated now, but I guess the problem was with the CSS file. The order of scripts were out of order since everything is layered. I do have another problem now, which I haven't figured out.

http://www.alexandraowens.com/carabali/index.html

The banner at the top is supposed to have a black border. Again, it works in Safari but it's not showing up in IE or Firefox (I know I shouldn't be testing in Safari but if it works there, then it's a step in the right direction). Does anybody see a quick/simple fix to this? Again, I think it's a problem with the CSS. After that, it should work!

To see the final project (once all these kinks are worked out and I upload everything to the new domain) you can go to www.carabalidance.com.
Go to the top of the page
 
+Quote Post
Major Payne
post Jul 1 2008, 02:07 PM
Post #4


Trusted Techie
Group Icon
Posts: 4,476
From: FEMA took "Tin Can" away!
OS: Win XP/Vista Home Premium. Backup PC: Commodore 64 with 300 baud modem!



You have to set a border size properly. You have:

CODE
#header {border: solid #black;
    background: #996600 url(banner2.jpg);
    height: 91px;
    border-top-width:  3px;
    border-bottom-width:   3px;
    border-left-width:   3px;
    border-right-width:   3px; }


Proper coding and using the shorthand method:

CODE
#header {
width: 800px;
height: 91px;
margin: 0 auto;
background: #960 url(banner2.jpg) no-repeat center scroll;
border:  3px solid #000;
}


I also recommend adding the Universal Selector at the VERY TOP of all your CSS files: * { margin: 0; padding: 0; border: 0; }

This sets/clears everything to zero so only your styling is used.

Correct these errors:

CSS

Ron.

This post has been edited by Major Payne: Jul 1 2008, 02:19 PM
Go to the top of the page
 
+Quote Post
aowens
post Jul 2 2008, 09:52 PM
Post #5


New Member
*
Posts: 3
OS: Mac
You're the best, thanks! That did the trick.
Go to the top of the page
 
+Quote Post
Major Payne
post Jul 3 2008, 12:55 AM
Post #6


Trusted Techie
Group Icon
Posts: 4,476
From: FEMA took "Tin Can" away!
OS: Win XP/Vista Home Premium. Backup PC: Commodore 64 with 300 baud modem!



You're welcome. Glad to have helped.

Ron
Go to the top of the page
 
+Quote Post
 

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 

Collapse

> Similar Topics

    Topic Title Replies / Views Topic Information
No new 18 / 1,309 6th September 2005 - 04:35 PM
VGamr started - last by VGamr
No New Posts   2 / 242 11th June 2007 - 08:07 AM
CrimsonThunder started - last by ScHwErV
No New Posts   0 / 293 5th March 2008 - 05:56 PM
Cthulhu_Aeon started - last by Cthulhu_Aeon
No new   15 / 112 Today, 03:44 PM
melkor75 started - last by andrewuk

RSS Time is now: 2nd December 2008 - 11:41 PM
Advertisements do not imply our endorsement of that product or service. The forum is run by volunteers who donate their time and expertise. We make every attempt to ensure that the help and advice posted is accurate and will not cause harm to your computer. However, we do not guarantee that they are accurate and they are to be used at your own risk.
Powered By IP.Board © 2008  IPS, Inc.