Margin in IE6. Not in FF

Discussion in 'CSS' started by tirengarfio, Feb 4, 2010.

  1. #1
    Hi,

    Im creating a list that shows a photo and personal data of people.

    It's here:

    http://tiregarfio.byethost17.com/web...v.php/miembros

    username: fer
    password: m

    When i load it with IE6 i can see the list, but between the photos there are little space. I FF there isn't any space.

    Any idea?


    Regards

    Javi
     
    tirengarfio, Feb 4, 2010 IP
  2. drhowarddrfine

    drhowarddrfine Peon

    Messages:
    5,428
    Likes Received:
    95
    Best Answers:
    7
    Trophy Points:
    0
    #2
    The problem is you are looking to IE for answers when the problem itself is IE and it always is. You have no doctype and your beginning javascript is out of place, should be in the head. Add this doctype as the first line:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd">

    Once that's all settled, let's see where things stand, but never, ever use IE as a reference for how things should work. Always, always use a modern browser first. That means ANYTHING but IE.
     
    drhowarddrfine, Feb 4, 2010 IP
  3. tirengarfio

    tirengarfio Greenhorn

    Messages:
    22
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    11
    #3
    Thanks dr.

    My doctype is this:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    I dont know what you mean with this.
     
    tirengarfio, Feb 5, 2010 IP
  4. drhowarddrfine

    drhowarddrfine Peon

    Messages:
    5,428
    Likes Received:
    95
    Best Answers:
    7
    Trophy Points:
    0
    #4
    What you think you have and what is actually sent are two different things. Here is what the browser sees:
    
    <SCRIPT LANGUAGE="JavaScript"> 
      if (top.frames.length > 0) {
        top.location = "http://ifastnet.com/notify/1.php";
        };
    </SCRIPT> 
     
     
     
    <html> 
    <head> 
    
    Code (markup):
     
    drhowarddrfine, Feb 5, 2010 IP
  5. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #5
    see the "..." in the url? It's 404 redirecting us to http://kwikphp.com/notify/1.php because you didn't give us the full URL. Said redirect page being an agonizing train wreck which I hope is NOT what you are asking about.
     
    deathshadow, Feb 6, 2010 IP
  6. mahendra rajeshirke

    mahendra rajeshirke Active Member

    Messages:
    402
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    60
    #6
    ghoshhhhhhhhhhhhhhhhhh give me full url dumbo lol
     
    mahendra rajeshirke, Feb 8, 2010 IP
  7. Stomme poes

    Stomme poes Peon

    Messages:
    3,195
    Likes Received:
    136
    Best Answers:
    0
    Trophy Points:
    0
    #7
    Hi everyone,
    this question got posted in another forum as well and it turns out there are redirect issues with the site above... usually refreshing, or opening again in another tab eventually gets you to the page.

    The full url is: http://tiregarfio.byethost17.com/web/frontend_dev.php/miembros

    Others have already explained about images having default spacing underneath and how to remove it, and I explained that IE6 seemed to not be enclosing the floats due to a lack of Haslayout.

    tirengarfio pls post if you still are having problems.
     
    Stomme poes, Feb 8, 2010 IP
  8. Clive

    Clive Web Developer

    Messages:
    4,507
    Likes Received:
    297
    Best Answers:
    0
    Trophy Points:
    250
    #8
    The layout is still showing issues inside IE6 but I personally think it's just about time you stopped wasting time on workarounds, IE6 can't be supported forever, it should be forgotten once and for good, it's nothing but an extremely outdated browser.
     
    Clive, Feb 9, 2010 IP
  9. tirengarfio

    tirengarfio Greenhorn

    Messages:
    22
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    11
    #9
    Yes, the URL is what Stomme poes says..:)

    Any solution for that gap between the images?

    Javi
     
    tirengarfio, Feb 10, 2010 IP
  10. tirengarfio

    tirengarfio Greenhorn

    Messages:
    22
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    11
    #10
    Ok, it's solved now...

    Just adding

    img {vertical-align: bottom;}
    Code (markup):
    there is no gap.
     
    tirengarfio, Feb 10, 2010 IP