Desigining and I.e.-firefox Issu

Discussion in 'HTML & Website Design' started by i_am_dhaval, Jul 23, 2006.

  1. #1
    I have create one site in dreamwever?

    With images , dive command, css etc…..

    Now when I see in I.e. it is ok but when I see in firefox at that time some text are over write and footer is not align properly or u can say in firefox it is not proper desing…

    Why It is heaping……?????
     
    i_am_dhaval, Jul 23, 2006 IP
  2. i_am_dhaval

    i_am_dhaval Well-Known Member

    Messages:
    1,364
    Likes Received:
    14
    Best Answers:
    0
    Trophy Points:
    138
    #2
    i_am_dhaval, Jul 23, 2006 IP
  3. brunozugay

    brunozugay Peon

    Messages:
    150
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    0
    #3
    I would first make sure your measurements in style tags have proper units.
     
    brunozugay, Jul 23, 2006 IP
  4. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #4
    As I find them:

    Remove redundant style property/values. They only reduce clarity. Use lower case for element tokens and for property tokens.

    Do you have something against using the right semantic tag for content? And why all the inline styles? Especially styles that aren't doing anything, like all the padding: 0; stuff?

    I have no clue why the footer has the separation from the main body of the page, but the html markup is way too messy to dig through. Clean up the markup. Exchange all those meaningless div tags for semantic elements. You also have used at least one id multiple times. An id may apply to a single element only. I noticed #right_qw used more than once. Validating the html and correcting errors will certainly help get you started.

    In #green_back, modern browsers honor the height. IE is not a modern browser, ignoring the default {overflow: visible;} and expanding the height instead. Correct the style rules
    
    #green_back {
        BACKGROUND-POSITION: 50% bottom; 
        BACKGROUND-IMAGE: url(images/ba_2.jpg); 
        MARGIN: 0px; 
        WIDTH: 395px; 
        BACKGROUND-REPEAT: no-repeat; 
        BACKGROUND-COLOR: #eef4d8; 
        }
    Code (markup):
    You have the same issue in #content. Do
    
    #content {
        width: 702px; 
        }
    Code (markup):
    
    #right_content {
        float: right; 
        width: 449px; 
        }
    Code (markup):
    cheers,

    gary
     
    kk5st, Jul 23, 2006 IP
  5. i_am_dhaval

    i_am_dhaval Well-Known Member

    Messages:
    1,364
    Likes Received:
    14
    Best Answers:
    0
    Trophy Points:
    138
    #5
    please help me for footer
     
    i_am_dhaval, Jul 24, 2006 IP
  6. Gordaen

    Gordaen Peon

    Messages:
    277
    Likes Received:
    12
    Best Answers:
    0
    Trophy Points:
    0
    #6
    Line 22 has "vvv" in the table tag? I'm not even sure where to start to be helpful. The site displays incorrectly in FF and Safari, so I am assuming it's a CSS problem. It isn't valid HTML4 either (See the validator at w3.org). It's also a good idea to start working in FireFox and then check it in IE, since FF, Opera, Safari, etc. tend do have relatively similar displays and IE has the quirks.
     
    Gordaen, Jul 24, 2006 IP
  7. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #7
    And we should help you, why? You haven't yet applied the first steps I gave you, and Gordaen has reiterated, toward a working page.

    gary
     
    kk5st, Jul 24, 2006 IP
  8. i_am_dhaval

    i_am_dhaval Well-Known Member

    Messages:
    1,364
    Likes Received:
    14
    Best Answers:
    0
    Trophy Points:
    138
    #8



    Actually I m working offline at that time when u see my site

    Now i made all the changes……

    Thank you all of You.

    Great Help

    I really Salute you all……….
     
    i_am_dhaval, Jul 24, 2006 IP
  9. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #9
    Aha! That makes all the difference. The page looks good to me, and I see no particular problems or differences in Firefox, IE and Opera9's renderings.

    If there are still issues, you will need to be specific about describing them.

    cheers,

    gary
     
    kk5st, Jul 24, 2006 IP
  10. Gordaen

    Gordaen Peon

    Messages:
    277
    Likes Received:
    12
    Best Answers:
    0
    Trophy Points:
    0
    #10
    To add to that, it's working in IE7B3 and Safari as well now.
     
    Gordaen, Jul 24, 2006 IP
  11. i_am_dhaval

    i_am_dhaval Well-Known Member

    Messages:
    1,364
    Likes Received:
    14
    Best Answers:
    0
    Trophy Points:
    138
    #11
    THanks For testing Other Browser.................
     
    i_am_dhaval, Jul 25, 2006 IP