Problem with table in bulleted list with FF but Okay in Chrome

Discussion in 'HTML & Website Design' started by Sickthing, Dec 14, 2010.

  1. #1
    Okay so I must have one of those exceptions where something works in Chrome but not in FF. I don't know what it is. I haven't been able to fix.

    The list is wrapping and causing it to scroll down the page. I am using komposer and I'm not very good with HTML.

    I told komposer to know wrap the text in the cell and that make it look okay in chrome but when I checked in FF its a cluster F.

    Can someone take a look and tell me what I need to do to make it work. To display like it does in Chrome.

    The site is http://costoflivinginthephilippines.com/blog/ thanks.
     
    Sickthing, Dec 14, 2010 IP
  2. Grimm

    Grimm Peon

    Messages:
    3,072
    Likes Received:
    57
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Yo Sickthing ;)

    I've had a look in your blog and it looks promising! Btw, do you have firebug installed in your FF? I've done a bit of tweaking using firebug and I've managed to fix your problem by editting this bit.

    <table cellspacing="0" cellpadding="2" border="0" style="text-align: left; width: 200%;">
    Code (markup):
    I basically changed the width from 100% to 200%. Try it out first in Firebug if you have one and implement it if it works fine with you. I'm not an expert in HTML btw.
     
    Grimm, Dec 14, 2010 IP
  3. radiant_luv

    radiant_luv Peon

    Messages:
    1,327
    Likes Received:
    34
    Best Answers:
    1
    Trophy Points:
    0
    #3
    on your css
    
    .feat_box {
    width:420px; <-- set to 100%
    }
    
    Code (markup):
     
    radiant_luv, Dec 14, 2010 IP