Website looks great in Firefox and not in IE

Discussion in 'HTML' started by scmulqueen@netzero.com, Jul 23, 2007.

  1. Guest

    Hi,
    I am designing a website for my sisters wedding and I am having
    trouble getting the tables to appear the correct size in IE. They are
    great in Firefox. I have set the table at 100% and I want the left
    column of the table to be 164 pixels so the images will appear lined
    up.

    I would love it if someone could take a look at my code and figure out
    why it won't line up correctly. Here is the web address to check the
    page out www.mulqueenhodgeswedding.com.

    Thanks
     
    , Jul 23, 2007
    #1
    1. Advertising

  2. cwdjrxyz Guest

    Re: Website looks great in Firefox and not in IE

    On Jul 23, 2:25 pm, wrote:
    > Hi,
    > I am designing a website for my sisters wedding and I am having
    > trouble getting the tables to appear the correct size in IE. They are
    > great in Firefox. I have set the table at 100% and I want the left
    > column of the table to be 164 pixels so the images will appear lined
    > up.
    >
    > I would love it if someone could take a look at my code and figure out
    > why it won't line up correctly. Here is the web address to check the
    > page outwww.mulqueenhodgeswedding.com.
    >
    > Thanks


    I checked at the W3C validator. For:
    <img src="engagephoto.jpg" alt="Engagement Photo" width="288"
    height="384"> </p><br> it gives an error message that there is an end
    tag for element "p" which is not open. Sometimes errors such as this
    can give problems in only some browsers. Also IE browsers still have
    some css bugs, so if fixing this error does not solve the problem,
    don't be too surprised. The 3 other errors found all are that alt was
    not given for 3 images, but this would be unlikely to cause problems
    of the type you mention.
     
    cwdjrxyz, Jul 23, 2007
    #2
    1. Advertising

  3. dorayme Guest

    In article
    <>,
    wrote:

    > Hi,
    > I am designing a website for my sisters wedding and I am having
    > trouble getting the tables to appear the correct size in IE. They are
    > great in Firefox. I have set the table at 100% and I want the left
    > column of the table to be 164 pixels so the images will appear lined
    > up.
    >
    > I would love it if someone could take a look at my code and figure out
    > why it won't line up correctly. Here is the web address to check the
    > page out www.mulqueenhodgeswedding.com.
    >
    > Thanks


    Forget this markup, forget tables for this, it is a hopeless
    cause. Make up a background image and have it repeat all over the
    show, the sort of twirlies you have are fine. Stick your pic and
    headings in the middle. Don't try to position anything, don't
    specify any widths or heights except for the main image. Centre
    headings and pics in the usual way. (See
    http://dorward.me.uk/www/centre/ on this).

    --------

    *(I am a sucker for weddings)

    --
    dorayme
     
    dorayme, Jul 23, 2007
    #3
  4. John Hosking Guest

    wrote:
    > Hi,


    Hi, and welcome to USENET!

    > I am designing a website for my sisters wedding and I am having
    > trouble getting the tables to appear the correct size in IE. They are
    > great in Firefox. I have set the table at 100% and I want the left
    > column of the table to be 164 pixels so the images will appear lined
    > up.


    Tables? What tables? Ah, you have decided to use tables for for your
    page, even though your page's content isn't really tabular. This may be
    great for whatever editing tool you're using, but it'll cause you some
    trouble, and isn't really clean markup.

    Possibly you don't care about making good pages. I can imagine that you
    just want to get the site up before the wedding (in October,
    apparently), after which the whole thing will disappear the next time
    the domain registration comes do. But for exercise and discussion
    purposes, I have studied your site (well, really, just this first page),
    and I have some comments and suggestions for you.

    The question you raise is a bit obscure, because I don't understand what
    you mean by "so the images will appear lined up." They look lined up to
    me. I'm using IE6. Did you mean IE7?

    Where did you get the "164" pixels? None of the images have that
    dimension. Also, you don't seem to have tried adding 164 pixels to your
    code anywhere.

    Using a table for this layout means there's a horizontal scrollbar under
    about 980px, just because of some leafy decoration. Also, try print
    preview; most of the page gets lopped off.

    Some further comments:
    Transitional isn't too bad, but a Strict doctype and validation might
    help you produce reliable code and predictable results.

    The tool you're using is making a mess of the markup and CSS. What does
    a class name of .style15 tell you about the kind of HTML element it
    refers to? <p class="style3">&nbsp;</p> is pretty pointless, especially
    when it's repeated three times in a row. The nested classes are just bloat.

    >
    > I would love it if someone could take a look at my code and figure out
    > why it won't line up correctly. Here is the web address to check the
    > page out www.mulqueenhodgeswedding.com.


    Okay. Take a look at http://mypage.bluewin.ch/jlh/Wedding.htm . That's
    my copy of your page, with some changes.

    Probably the first thing you'll notice is that the text overlaps the
    decorative flora in the upper left. You may not like that (I don't think
    it's so nice either), but the page is fully resizable, and can be
    printed in its entirety.

    Take a look at my markup and the styles I used. Isn't that neater and
    clearer? I've used nested divs with background images so your three
    floral decorations stay in the corners, and they don't need the alt
    attributes you were missing. The deco-bl and deco-br are decorations for
    the bottom-left and bottom-right, respectively, so that's how I named them.

    I used margin:0 so the vines grow right out of the viewport's edges.

    I left out the <!-- --> comment delimiters from the CSS, because
    they're not necessary.

    I left the default underline for the link, because I hate it when Web
    designers hide links from me. I know it says "Click for more
    information", but I'd rather it just said "More information" but with a
    blue, underlined, link-looking link.

    I specified the font-family as little as necessary for this page. I
    notice you specified "Lucida Calligraphy" for some things, "Lucida
    Handwriting" for a couple of others. I don't see much difference for the
    small amount of content for this page, but I implemented the different
    specs anyway. I also added the generic face "cursive" because I expect
    some visitors won't have either of the Lucidas.

    I specified 120% for the page's default font-size, although normally I'd
    start with 100%. I don't do much with cursive fontfaces, so maybe they
    just start out small. In any case, the font specs I chose emulate the
    sizes and proportions you seemed to be aiming for.

    I clicked though to the next page and I found the text hard to read. The
    cursive style is decorative for small amounts of text, but in bulk it's
    really annoying.

    I added an <h1> element, to provide a bit of context to visiting persons
    and search engines.

    You have <title>Mulqueen/Hodges Wedding Home</title>. When I saw that, I
    thought to myself, "That's where they're marrying. When they die,
    they'll have the funeral at the Lamb/Swarthout Funeral Home." Well, I
    guess you mean this to be the Home page for the site about the wedding
    of Mulqueen and Hodges. I just pictured some kind of chapel.

    I changed the title to use a hyphen, just because I think search engines
    might find the names better. Of course, (a) I'm not sure about that, and
    (b) I'm not sure search engines will get too excited about this page
    anyway. It doesn't have much content, and doesn't mention Meredith
    Mulqueen or Mark Hodges anywhere. BTW, isn't it customary to list the
    bride first, as in Meredith and Mark are getting married?

    Is this page even necessary? Why not move these nice pictures to the
    welcome page, include the content that's already there (in a legible
    font), and let the search engines and visitors enjoy the rich content?

    HTH. See you at the wedding! ;-)
    --
    John
     
    John Hosking, Jul 23, 2007
    #4
  5. Re: Website looks great in Firefox and not in IE

    On Jul 23, 3:25 pm, wrote:
    > Hi,
    > I am designing a website for my sisters wedding...


    Sorry, don't have time to answer your question, but I am sure someone
    else will. I just wanted to comment on your good looking sister.
     
    Travis Newbury, Jul 24, 2007
    #5
  6. Re: Website looks great in Firefox and not in IE

    On Jul 23, 5:44 pm, dorayme <> wrote:
    > Forget this markup, forget tables for this, it is a hopeless
    > cause....


    For this site I disagree with you. Judging from the font and the
    images, I am assuming the bride had a say in the layout. So while it
    may not be of your taste, or for what ever reason you think it could
    be done differently/better, when it comes to anything that deals with
    the wedding you are wrong if you disagree with the bride.

    I do not disagree with your comments in general, but I do disagree in
    this specific case.
     
    Travis Newbury, Jul 24, 2007
    #6
  7. dorayme Guest

    Re: Website looks great in Firefox and not in IE

    In article
    <>,
    Travis Newbury <> wrote:

    > On Jul 23, 5:44 pm, dorayme <> wrote:
    > > Forget this markup, forget tables for this, it is a hopeless
    > > cause....

    >
    > For this site I disagree with you. Judging from the font and the
    > images, I am assuming the bride had a say in the layout. So while it
    > may not be of your taste, or for what ever reason you think it could
    > be done differently/better, when it comes to anything that deals with
    > the wedding you are wrong if you disagree with the bride.
    >
    > I do not disagree with your comments in general, but I do disagree in
    > this specific case.


    I was talking about the home page only, I did not look beyond...
    was there a beyond? He had a nice enough weddingenough bg and
    fancy laying that out in tables! I have no real objections to
    folk laying a few things out in tables that are not tabular, just
    that in this particular case it seemed to be getting in the
    actual way! But I suspect there was other stuff on further pages
    that you are referring to...

    --
    dorayme
     
    dorayme, Jul 24, 2007
    #7
  8. Guest

    Re: Website looks great in Firefox and not in IE

    On Jul 23, 3:25 pm, wrote:
    > Hi,
    > I am designing a website for my sisters wedding and I am having
    > trouble getting the tables to appear the correct size in IE. They are
    > great in Firefox. I have set the table at 100% and I want the left
    > column of the table to be 164 pixels so the images will appear lined
    > up.
    >
    > I would love it if someone could take a look at my code and figure out
    > why it won't line up correctly. Here is the web address to check the
    > page outwww.mulqueenhodgeswedding.com.
    >
    > Thanks


    Hi,
    I am back again. I have redesigned the web page into style sheets.
    This is my first time so I am playing with a few things and I am not
    sure how to do some things.

    1) can you float an image over two columns in CCS, right now I have
    cut the image in half and I am trying to line the image up and it
    isn't working great. I would prefer it be on image that over lays the
    two columns

    2) How can I make the left column be as long as the right column the
    same height without adding spaces in the left column? Right now I have
    spaces and it pushing the image down to line up but it isn't an exact
    placement. When I redesign the other pages I am going to need more
    length in the right column then I have on the test page.

    This the test page done in style sheets is http://www.mulqueenhodgeswedding.com/test.htm.

    Please help
    Thanks
     
    , Jul 25, 2007
    #8
  9. Re: Website looks great in Firefox and not in IE

    wrote:

    > I am back again. I have redesigned the web page into style sheets.
    > This is my first time so I am playing with a few things and I am not
    > sure how to do some things.


    Read this page before proceeding further:
    http://k75s.home.att.net/fontsize.html

    > 1) can you float an image over two columns in CCS, right now I have
    > cut the image in half and I am trying to line the image up and it
    > isn't working great. I would prefer it be on image that over lays the
    > two columns


    You mean the leafy thing? Why not just make it a background image? Just
    one image, as background in the body.

    background: url(../images/leaf.jpg) #808080 fixed no-repeat left top;
    [your choice of matching color]

    > 2) How can I make the left column be as long as the right column the
    > same height without adding spaces in the left column? Right now I
    > have spaces and it pushing the image down to line up but it isn't an
    > exact placement. When I redesign the other pages I am going to need
    > more length in the right column then I have on the test page.


    Why not just let it float?

    > This the test page done in style sheets is
    > http://www.mulqueenhodgeswedding.com/test.htm


    New documents should be Strict, not Transitional

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd">

    You have errors.
    <http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.mulqueenhodgeswedding.com%2Ftest.htm>
    <http://jigsaw.w3.org/css-validator/validator?profile=css2&warning=2&uri=http%3A%2F%2Fwww.mulqueenhodgeswedding.com%2Ftest.htm>

    You need to remove the HTML comment markers from the CSS.

    And drop the specialty fonts. I for one don't have those Lucida things
    (lots will not), and here is how your page looks to me:

    http://k75s.home.att.net/show/merideth.jpg

    --
    -bts
    -Motorcycles defy gravity; cars just suck
     
    Beauregard T. Shagnasty, Jul 25, 2007
    #9
    1. Advertising

Want to reply to this thread or ask your own question?

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.
Similar Threads
  1. kalin35
    Replies:
    0
    Views:
    370
    kalin35
    Jun 6, 2004
  2. CppNewB
    Replies:
    39
    Views:
    693
    The Eternal Squire
    Nov 4, 2005
  3. Jeff
    Replies:
    2
    Views:
    456
  4. Smith
    Replies:
    1
    Views:
    324
    Juan T. Llibre
    Nov 24, 2008
  5. Eric I.
    Replies:
    0
    Views:
    283
    Eric I.
    Oct 5, 2008
Loading...

Share This Page