...

View Full Version : Problem with IE, page looks good in Firefox!!



tamilsweet
10-26-2007, 09:55 AM
Hi,
I designed a page with CSS and it looked good in firefox.
But with IE7.0 its not showing up properly.
I'm new to CSS and dont know how to fix the problem.
The content of css file is attached for your reference.

You can see the page in the following link
http://kikikalor.com/dogpurse/dogpurse.html

Can anyone tell me how to fix the issue.

Thanks in advance
tamilsweet

Fang
10-26-2007, 04:18 PM
I only see a color mismatch of the background images.

tamilsweet
10-26-2007, 04:28 PM
Hi,
Thanks for your reply.
Can you check the site once.
Open it in Firefox and then in IE.
You can see what i need.

Please can you help me!

Waiting for your reply...

Thanks
tamilsweet

Fang
10-26-2007, 04:55 PM
The source code keeps changing :(

tamilsweet
10-26-2007, 05:01 PM
The source code keeps changing :(

Thanks a lot...

Sorry!!!
I'm working on the page.

I will not change for another 24hrs.
Can you see if you can help me.

Thanks
tamilsweet

effpeetee
10-26-2007, 08:56 PM
This is how the two appear on my PC.

W3 Validator CSS says:

7 :focus Property -moz-outline-style doesn't exist : none





Frank.

tamilsweet
10-26-2007, 09:52 PM
This is how the two appear on my PC.
It's the extended pink area at the bottom that you are concerned about?:confused:

Frank.

Hi Frank,
Thanks for your help.
Mistake is mine. What you saw is page without HTML validation.

The problem occurred when i tried to validate the HTML.
Now the page has <div class="leftcolumn"> & <div class="rightcolumn"> at 2 places.

What you saw is when i used "id" instead of "class" in the above tags.
But HTML validation showed it as error, since id should be unique.

Problem is I changed "id" to "class" in html file
forgot to change "#" to "." in css file

Thanks you gave me the clue. Also I saw you are using "CSSVista".
I'm going to try it....

Now I updated the page and you can see how it looks...

Thanks
tamilsweet

jlhaslip
10-26-2007, 11:48 PM
http://jlhaslip.com/samples/image_display/image_display_2col.html

tamilsweet
10-27-2007, 05:55 AM
http://jlhaslip.com/samples/image_display/image_display_2col.html

Thanks!!!
Your site is very helpful to learn...

Do you use any tool to design this..

Thanks
tamilsweet

jlhaslip
10-28-2007, 02:36 AM
Nope, handcoded. That page is a relic from a while back. I would likely do it a little differently today, in fact, might have a go at re-modeling it soon.

effpeetee
10-28-2007, 10:36 AM
jlhaslip,

I notice that some of your code has /*<![CDATA[*/ in it.

When I used a code formatter program, it inserted this code into my program and ruined the presentation. I could not get the program to display correctly again and had to start from an earlier version and rebuild it.

Do you know of a formatting uitility that is safe to use?

Frank
frankptaylor@btinternet.com

Sorry tamilsweet, I don't mean to hijack your post.

Fang
10-28-2007, 11:35 AM
jlhaslip,

I notice that some of your code has /*<![CDATA[*/ in it.
This is added to script elements (http://www.w3.org/TR/xhtml1/#h-4.8) in xhtml documents. In both your documents this is irrelevant as you are not sending the documents as xhtml (http://www.w3.org/MarkUp/2004/xhtml-faq#texthtml).
It is always preferable to use link/script to external documents rather than embedded or inline.


When I used a code formatter program, it inserted this code into my program and ruined the presentation. I could not get the program to display correctly again and had to start from an earlier version and rebuild it.

Do you know of a formatting uitility that is safe to use?

Formatting correctly as you type is the safest.

tamilsweet
10-28-2007, 02:03 PM
I'm new to CSS, and I dont know which tool to use!
So handcoded everything in the css and html.
can you suggest some software to use? :confused:


Nope, handcoded. That page is a relic from a while back. I would likely do it a little differently today, in fact, might have a go at re-modeling it soon.

jlhaslip
10-28-2007, 02:50 PM
effpeetee,

I believe those entries are added when a page is run through HTMLTidy. I occasionally use the FF extension to 'clean-up' code for readability, and those 'CDATA' items are added by the Tidy program. They don't seem to hurt anything, so I left them intact.
That page's Doctype is XHTML Strict, from a point in time when I thought it was 'the thing to do', but lately, I've been writing XHTML 1.0 Transitional, so those CDATA items might not be doing what they think they are. Normally, as Fang says, the CSS is external, but for pages such as the columnar one presented here, the CSS is in the file to make it easier for others to snag.

I don't get overly technical about some of this stuff, not having the education/training to understand all the details about what is or isn't the absolutely most correct / latest thing, so if they serve no purpose on the page, too bad. It works as it is written and does what I need it to do. (what an attitude, eh?) :D

:)

Tamilsweet,

Nope, no idea what 'tool' you might be needing. I simply use a text Editor. Context, by name. And if the page gets messy, I'll run it through the HTML Tidy Extension as discussed above to change the presentation of the source a little bit. Most of the pages I write don't get 'Tidied', though. After a while, and some practice, you will find that you write your code in the correct format and don't need any 'software' to do anything for you that you can't do by hand-coding. Usually faster and better than a software.
I tried using a wysiwyg back when I started doing Web pages, but found that the Learning Curve was too steep and I was better off simply learning Html/CSS rather than how to run the wysiwyg editor, so I focused on the HTML/CSS rather than trying to learn both.
I once opened a book at the Library about Dreamweaver, but placed it back on the shelf when I saw how confusing it could be... no need for it, IMHO.

effpeetee
10-28-2007, 03:57 PM
jlhaslip,
I use the utilities because:
a. I have poor eyesight.
b. At 82, my memory is not very good and the various editors help me to do what I otherwise would find very difficult.
I do agree though that for normally sighted younger people, there is no better way than typing it in and learning at the same time.

1925 is too far away for me!

Thanks to all on this forum who help me to be what I otherwise could not.

Frank

jlhaslip
10-28-2007, 04:07 PM
Frank,
Does this help?

http://www.lonniebest.com/FormatCSS/

http://floele.flyspray.org/csstidy//css_optimiser.php

an online css formatter. Paste your css into the textarea and click the button, then cut and paste it back into your local copy.

Do you have a Text Editor that colour-codes by file extension? That might be good, too.

effpeetee
10-28-2007, 05:24 PM
Thanks,
They are both good and useful to me.


Do you have a Text Editor that colour-codes by file extension? That might be good, too.

I have a css editor but it does not colour-code.

Do you have one in mind at all?

Frank

jlhaslip
10-28-2007, 05:51 PM
I've had some good results from ConTEXT.

http://www.context.cx (I think)

effpeetee
10-28-2007, 06:21 PM
I have just discovered that I already own "Rapid CSS 2007" which allows for colour coding. So far I have only used it to convert HTML to XHTML, totally forgetting its main purpose.:confused:

I must check my sell-by date!:rolleyes:

lol,

Frank

tamilsweet
10-30-2007, 01:31 PM
u guys were rocking...
:thumbsup:



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum