Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Page 1 of 2 12 LastLast
Results 1 to 15 of 20
  1. #1
    New Coder
    Join Date
    Oct 2007
    Location
    In front of PC
    Posts
    96
    Thanks
    25
    Thanked 3 Times in 3 Posts

    Problem with IE, page looks good in Firefox!!

    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
    Attached Files Attached Files

  • #2
    Regular Coder
    Join Date
    Jun 2004
    Posts
    495
    Thanks
    0
    Thanked 82 Times in 80 Posts
    I only see a color mismatch of the background images.

  • Users who have thanked Fang for this post:

    tamilsweet (10-26-2007)

  • #3
    New Coder
    Join Date
    Oct 2007
    Location
    In front of PC
    Posts
    96
    Thanks
    25
    Thanked 3 Times in 3 Posts
    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
    Last edited by tamilsweet; 10-26-2007 at 03:30 PM.

  • #4
    Regular Coder
    Join Date
    Jun 2004
    Posts
    495
    Thanks
    0
    Thanked 82 Times in 80 Posts
    The source code keeps changing

  • #5
    New Coder
    Join Date
    Oct 2007
    Location
    In front of PC
    Posts
    96
    Thanks
    25
    Thanked 3 Times in 3 Posts

    Smile

    Quote Originally Posted by Fang View Post
    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
    Learning never ends....

  • #6
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    This is how the two appear on my PC.

    W3 Validator CSS says:

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





    Frank.
    Attached Thumbnails Attached Thumbnails Problem with IE, page looks good in Firefox!!-screenhunter_01-oct.-26-19.51.jpg  
    Last edited by effpeetee; 10-26-2007 at 08:55 PM.
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • Users who have thanked effpeetee for this post:

    tamilsweet (10-26-2007)

  • #7
    New Coder
    Join Date
    Oct 2007
    Location
    In front of PC
    Posts
    96
    Thanks
    25
    Thanked 3 Times in 3 Posts
    Quote Originally Posted by effpeetee View Post
    This is how the two appear on my PC.
    It's the extended pink area at the bottom that you are concerned about?

    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
    Learning never ends....

  • #8
    Regular Coder
    Join Date
    Feb 2007
    Location
    Canada
    Posts
    924
    Thanks
    10
    Thanked 56 Times in 55 Posts

  • Users who have thanked jlhaslip for this post:

    tamilsweet (10-27-2007)

  • #9
    New Coder
    Join Date
    Oct 2007
    Location
    In front of PC
    Posts
    96
    Thanks
    25
    Thanked 3 Times in 3 Posts

    Thumbs up

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

    Do you use any tool to design this..

    Thanks
    tamilsweet
    Learning never ends....

  • #10
    Regular Coder
    Join Date
    Feb 2007
    Location
    Canada
    Posts
    924
    Thanks
    10
    Thanked 56 Times in 55 Posts
    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.

  • Users who have thanked jlhaslip for this post:

    tamilsweet (10-28-2007)

  • #11
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    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.
    Last edited by effpeetee; 10-28-2007 at 09:39 AM.
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • #12
    Regular Coder
    Join Date
    Jun 2004
    Posts
    495
    Thanks
    0
    Thanked 82 Times in 80 Posts
    Quote Originally Posted by effpeetee View Post
    jlhaslip,

    I notice that some of your code has /*<![CDATA[*/ in it.
    This is added to script elements in xhtml documents. In both your documents this is irrelevant as you are not sending the documents as xhtml.
    It is always preferable to use link/script to external documents rather than embedded or inline.

    Quote Originally Posted by effpeetee View Post
    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.

  • #13
    New Coder
    Join Date
    Oct 2007
    Location
    In front of PC
    Posts
    96
    Thanks
    25
    Thanked 3 Times in 3 Posts
    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?

    Quote Originally Posted by jlhaslip View Post
    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.
    Learning never ends....

  • #14
    Regular Coder
    Join Date
    Feb 2007
    Location
    Canada
    Posts
    924
    Thanks
    10
    Thanked 56 Times in 55 Posts
    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?)



    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.
    Last edited by jlhaslip; 10-28-2007 at 02:06 PM.

  • #15
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    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
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.


  •  
    Page 1 of 2 12 LastLast

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •