Website looks great in Firefox and not in IE

Do you have a question? Post it now! No Registration Necessary.  Now with pictures!

Threaded View
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

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


Re: Website looks great in Firefox and not in IE

On Jul 23, 2:25 pm, wrote:
Quoted text here. Click to load it

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.

Re: Website looks great in Firefox and not in IE

In article wrote:

Quoted text here. Click to load it

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 on this).


*(I am a sucker for weddings)


Re: Website looks great in Firefox and not in IE

Quoted text here. Click to load it

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.

Re: Website looks great in Firefox and not in IE

In article

Quoted text here. Click to load it

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...


Re: Website looks great in Firefox and not in IE wrote:
Quoted text here. Click to load it

Hi, and welcome to USENET!

Quoted text here. Click to load it

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.

Quoted text here. Click to load it

Okay. Take a look at . 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! ;-)

Re: Website looks great in Firefox and not in IE

On Jul 23, 3:25 pm, wrote:
Quoted text here. Click to load it

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.

Re: Website looks great in Firefox and not in IE

On Jul 23, 3:25 pm, wrote:
Quoted text here. Click to load it

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 .

Please help

Re: Website looks great in Firefox and not in IE wrote:

Quoted text here. Click to load it

Read this page before proceeding further:

Quoted text here. Click to load it

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]

Quoted text here. Click to load it

Why not just let it float?

Quoted text here. Click to load it

New documents should be Strict, not Transitional

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
   " ">

You have errors.

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:

   -Motorcycles defy gravity; cars just suck

Site Timeline