Website looks great in Firefox and not in IE
Website looks great in Firefox and not in IE
am 23.07.2007 21:25:11 von scmulqueen
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
Re: Website looks great in Firefox and not in IE
am 23.07.2007 22:59:15 von cwdjrxyz
On Jul 23, 2:25 pm, scmulqu...@netzero.com 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:
height="384">
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
am 23.07.2007 23:44:31 von dorayme
In article
<1185218711.999659.241200@57g2000hsv.googlegroups.com>,
scmulqueen@netzero.com 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
Re: Website looks great in Firefox and not in IE
am 24.07.2007 00:25:27 von John Hosking
scmulqueen@netzero.com 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?
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 element, to provide a bit of context to visiting persons
and search engines.
You have Mulqueen/Hodges Wedding Home. 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
Re: Website looks great in Firefox and not in IE
am 24.07.2007 14:35:32 von TravisNewbury
On Jul 23, 3:25 pm, scmulqu...@netzero.com 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.
Re: Website looks great in Firefox and not in IE
am 24.07.2007 14:42:46 von TravisNewbury
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.
Re: Website looks great in Firefox and not in IE
am 25.07.2007 00:25:26 von dorayme
In article
<1185280966.623546.162420@m3g2000hsh.googlegroups.com>,
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
Re: Website looks great in Firefox and not in IE
am 25.07.2007 04:48:39 von scmulqueen
On Jul 23, 3:25 pm, scmulqu...@netzero.com 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
Re: Website looks great in Firefox and not in IE
am 25.07.2007 05:56:59 von a.nony.mous
scmulqueen@netzero.com 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
"http://www.w3.org/TR/html4/strict.dtd">
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:
http://k75s.home.att.net/show/merideth.jpg
--
-bts
-Motorcycles defy gravity; cars just suck