SitePoint Sponsor

User Tag List

Results 1 to 10 of 10
  1. #1
    SitePoint Addict madproject.com's Avatar
    Join Date
    Jan 2003
    Location
    Ottawa, Canada
    Posts
    268
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Margin Spacing in IE when there should be none.

    I have little gifs that make my corners rounded however often there will be a space between the gif and the side.

    It works fine in NetScape and Opera but only sometimes in IE.

    http://www.madproject.com/PHPtests/layout.php

    Here's the code

    PHP Code:
        A:link    {color:#A00000;  text-decoration:none; }
        
    A:visited {color:#A00000; text-decoration:none; }
        
    A:active  {color:#A00000; text-decoration:none;}
        
    A:hover   {color:#666; text-decoration:underline; }

    body {
        
    margin0px 0px 0px 0px;
        
    padding0px 0px 0px 0px;
        
    font-familyverdanaarialhelveticasans-serif;
        
    background-color#eeeeee;
        
    color#333;
        
    font-size11px;


    Then in the main.html:
    PHP Code:
    <div style="position:absolute; right: 0px; top:0px; width=16px; height:16px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;"><img src="images/topright.gif" alt="Corner" width="16" height="16" border="0" /></div>

    <
    div style="position:absolute; left: 0px; top:0px; width=16px; height:16px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;"><img src="images/topleft.gif" alt="Corner" width="16" height="16" border="0" /></div>

    <
    div style="position:absolute; right: 0px; bottom:0px; width=16px; height:16px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;"><img src="images/bottomright.gif" alt="Corner" width="16" height="16" border="0" /></div>

    <
    div style="position:absolute; left: 0px; bottom:0px; width=16px; height:16px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;"><img src="images/bottomleft.gif" alt="Corner" width="16" height="16" border="0" /></div
    Yes I do call the Stylesheet earlier I just didn't post the code.

  2. #2
    SitePoint Guru dale_burrell's Avatar
    Join Date
    Aug 2002
    Location
    Wellington, New Zealand
    Posts
    861
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    width=16px is invalid in a style sheet use width:16px.

    I suspect this is causing any styles after this error to be ignored.
    If you aren't living life on the edge
    - you're taking up too much space
    Creative Dreaming Ltd / Ask The Local / Amanzi Travel

  3. #3
    SitePoint Addict madproject.com's Avatar
    Join Date
    Jan 2003
    Location
    Ottawa, Canada
    Posts
    268
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Wah! As if I didn't notice that. I'll give it a shot.

  4. #4
    SitePoint Addict madproject.com's Avatar
    Join Date
    Jan 2003
    Location
    Ottawa, Canada
    Posts
    268
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    No luck! It work fine in NetScape but in IE no avail.

  5. #5
    SitePoint Guru dale_burrell's Avatar
    Join Date
    Aug 2002
    Location
    Wellington, New Zealand
    Posts
    861
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Originally posted by madproject.com
    No luck! It work fine in NetScape but in IE no avail.
    It looks OK on my browser (IE6)
    If you aren't living life on the edge
    - you're taking up too much space
    Creative Dreaming Ltd / Ask The Local / Amanzi Travel

  6. #6
    ☆★☆★ silver trophy vgarcia's Avatar
    Join Date
    Jan 2002
    Location
    in transition
    Posts
    21,235
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    Originally posted by madproject.com
    No luck! It work fine in NetScape but in IE no avail.
    Are you using IE5?

  7. #7
    SitePoint Addict madproject.com's Avatar
    Join Date
    Jan 2003
    Location
    Ottawa, Canada
    Posts
    268
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I have IE6 but in IE5 it doesn't show properly, and if you resize then maximize you IE6 browser the corners will no longer be aligned.

  8. #8
    SitePoint Guru dale_burrell's Avatar
    Join Date
    Aug 2002
    Location
    Wellington, New Zealand
    Posts
    861
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Try using a strict doctype - it should make the behaviour more common between browsers.

    Code:
    <!doctype html public "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    If you aren't living life on the edge
    - you're taking up too much space
    Creative Dreaming Ltd / Ask The Local / Amanzi Travel

  9. #9
    SitePoint Addict madproject.com's Avatar
    Join Date
    Jan 2003
    Location
    Ottawa, Canada
    Posts
    268
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Unhappy Hmm

    Well it seems that it worked for the left frame. However the right frame still doesn't work....

    I'm confused as to why declaring the doctype strict might have rectified the problem...

  10. #10
    SitePoint Guru dale_burrell's Avatar
    Join Date
    Aug 2002
    Location
    Wellington, New Zealand
    Posts
    861
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Cos it forces the browser to work exactly to the standard, whereas if you don't specify an exact doctype then it uses its own, quirky, implementation.

    BTW - you must have keep the entire doctype declaration letter perfect, if you change it or remove the location it drops back to quirks mode.
    If you aren't living life on the edge
    - you're taking up too much space
    Creative Dreaming Ltd / Ask The Local / Amanzi Travel


Bookmarks

Posting Permissions

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