HELP!!!!! I'm panicking.......(CSS problems)

Home » Forums » Stylesheet Maker » HELP!!!!! I'm panicking.......(CSS problems)
Jun 2nd, 2006 at 03:00 PM

rebwebdesign
Registered User
171 posts

ok...so I built a site for my business.

http://diamondphoto.org

It looks wonderful on Firefox.

On IE...well. It looks like crud.

What did I do wrong???

I think I've coded everything properly.

But I'm pretty distressed - as much as I'd like to make everyone use Firefox, I know it isn't realistic.

I sure don't want to have a mangled site, though. :(

If I actually used swear words, I'd be saying some now ;)

Thanks!
Jun 2nd, 2006 at 05:52 PM

Eskil Fagerlund
Advisor
572 posts

Rebecca Diamond wrote:
ok...so I built a site for my business.

http://diamondphoto.org

It looks wonderful on Firefox.

On IE...well. It looks like crud.

What did I do wrong???

I think I've coded everything properly.

But I'm pretty distressed - as much as I'd like to make everyone use Firefox, I know it isn't realistic.

I sure don't want to have a mangled site, though. :(

If I actually used swear words, I'd be saying some now ;)

Thanks!

Hi!

It´s 2 in the night here and I´m almost "brain dead".
But it seems that you are missing a ">" in the field: <a href="default.html"><div id="right"<img src="b1.jpg"><a href="default.html">Home</a></div></a><br>
try to put there <div id="right">

There is something strange with the css, but unfortunately I can´t figure out in this time what it is.

Never give up!

Eskil

Oh I forgot, <div id="right"> should be I suppose <div id="left">
Jun 2nd, 2006 at 07:17 PM

Adam R.
Senior Advisor
3,116 posts

Good find, Eskil. Yeah, there looks like almost a dozen <DIV> links that have no ending > like Eskil said. I can't say whether or not that will fix the issue, but start from there w/ Eskil's instructions. Might want to check the >'s first before changing any lefts to rights & vice versa though. http://www.flashstrap.com
http://www.lodipc.com
Jun 4th, 2006 at 11:43 AM

Cliff Main
Senior Advisor
2,124 posts

Hi Rebecca,

I am checking out your site on I.E. On Sunday, June 4.

It looks not too bad, I see you fixed the closing tags and that is important. I have looked at your CSS and I am finding some things that may contribute to confusion in some web browsers.

<style type="text/css">
html,body{margin:0;padding:0}
body{font: 85% arial,sans-serif;background-color:black}
a{color: #669999;padding:10px;text-decoration:none}
</style>
These lines are in your style sheet. You already have 2 refferences to the "body" tag, and I have no idea why you would make the first style in the list apply to the "html" tag?
Here is where you have a huge conflict:
<body bgcolor="#000000" text="#336666" link="#336666" vlink="#669999" >
That is the first line after the </head> tag. If you already specified the body colour, the link style and all that fun stuff in your style sheet, then you just cancelled it in your <body> tag, so now the browser is getting up to 3 commands for the same thing. Even if the colour is the same, it can still make editing the site complicated and possibly make the style sheet innefective.

Did I mention I like the site? Good job overall, just need to get all your <body> elements on one line of style sheet, then just open the <body> tag with no other instructions because the style sheet will do it for you.

One last note, you specify in your body style that the font: 85% arial,sans-serif. I think that any font specification should be included in your p{margin:0 10px 10px} statement, and that is where you could include most of your font styles. I also make styles for ul, li, ol, and other tags that may have text, but not include the <p> tag.

Hope some of this makes sense, and good luck.

Cliff E-Learning Specialist
www.mainsites.ca is my website, and yes, some of it is crappy.
Jun 6th, 2006 at 09:57 PM

rebwebdesign
Registered User
171 posts

ooops! for some reason I wasn't getting email replies to this topic!

I just checked and noticed that all of you took the time to look at it for me.

Thanks so much, everyone! Eskil, good catch on the div tags - not sure why it dropped all of those, but they are fixed now.

Cliff, I'm just learning CSS (as you all have guessed by looking at my mangled style sheets! :D) but the font specification is not my doings.

I started with the CSS layout1 that was included with the HTML editor, and kind of cobbled on from there. I can certainly see what you are saying with that, though - it actually makes more sense. Also, the snippet here "<body bgcolor="#000000" text="#336666" link="#336666" vlink="#669999" >" was the only way I could force IE to read my colors. No matter what else I did, IE kept trying to read it as Red and Purple.

I also figured out that IE does weird things to floats. I googled 'CSS IE float bugs' and got over 413,000 hits! Fortunately, I was able to find some workarounds for it.

I know I'm biting off more than I should, but I really want to learn this stuff. You all are certainly a huge help!

And thanks to everyone who likes my site ;)
Jun 15th, 2006 at 10:43 AM

David Sellers
Ambassador
351 posts

Just validated the root document located here http://diamondphoto.org and found these errors worth correcting..

75. Error in line 110 at character 3: The end tag for "br" was found, but "br" was never opened, has been ended too many times, or cannot have an end tag.

76. Error in line 113 at character 2: The end tag for "div" was found, but "div" was never opened, has been ended too many times, or cannot have an end tag.

77. Error in line 114 at character 81: The end tag for "p" was found, but "p" was never opened, has been ended too many times, or cannot have an end tag.

88. Error in line 126 at character 2: The end tag for "div" was found, but "div" was never opened, has been ended too many times, or cannot have an end tag. Let's not get all hurt.
Jun 15th, 2006 at 10:55 AM

Adam R.
Senior Advisor
3,116 posts

End tag for "br"? That's a new one to me. :P http://www.flashstrap.com
http://www.lodipc.com
Jun 15th, 2006 at 12:05 PM

Janys Hyde
Senior Advisor
6,076 posts

Adam Richesin wrote:
End tag for "br"? That's a new one to me. :P

I thought <br> had to be <br/> anyway these days?
S'cuse me Folks.........just thought I would stick my nose in!
J ;( http://blogthemeforge.blogspot.com/
(my photographs and graphics as freebies to liven up your blog, web site or desktop)
http://artycraftycreations.blogspot.com
(exchanging crafting ideas)
Jun 15th, 2006 at 01:43 PM

rebwebdesign
Registered User
171 posts

there's an end tag for <br>??!?!

Thanks for the validating! I'll get it fixed :)
Jun 15th, 2006 at 02:00 PM

Janys Hyde
Senior Advisor
6,076 posts

Rebecca D wrote:
there's an end tag for <br>??!?!

Thanks for the validating! I'll get it fixed :)

I don't think so much an end tag, as more a unique tag with the slash.........
J http://blogthemeforge.blogspot.com/
(my photographs and graphics as freebies to liven up your blog, web site or desktop)
http://artycraftycreations.blogspot.com
(exchanging crafting ideas)

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.

Have we met?

Please sign in to your account or create an account to join the conversation.