Table layout changes in FireFox

  • Thread starter Thread starter Guest
  • Start date Start date
G

Guest

Hi,

I am working on a site and I thought I was almost done with the initial
design. It looks great in IE, but when I went to view it in FireFox, I see
that my split image that is the page header gets moved around. It really
looks quite stupid.

I'm using a resolution of 800 x 600, but others will view it in 1040. My
tables are set to 100%. Shouldn't that mean that it will resize to fit in
whatever browser/resolution opens it?

It can be seen here: http://bmanak.megavision.com

Help, please.


Yarrielle
 
It looks stupid because you sliced up your banner into a million pieces and
each in a table cells in a percentage width table that will collapse...make
your banner one piece for starters.
 
The table will attempt to resize, but the images will not. If IE is
squished down to 800x600 it generates a left-right scroll bar, FireFox
wraps the images. Different browsers have different methods of
fitting lines of images to the page.

IMO, leave the image as one image, do not dice it. As a single image
it will load faster, and retain its shape.
The usual way to display a diced image is to place each part in its
own table cell, not string the parts together in a paragraph or single
table cell.
 
Thanks for your responses!

One image will load faster? Really? All these people always say that
slicing the image will make it faster. Can you please explain to me why
loading one big one is faster than loading several smaller ones?

Thanks

Yarrielle
 
One big one would not be much bigger than the 27 x 1969 px = abt 27K you
have now.
 
Simple - the amount of extra code required to describe the sliced
image takes extra time to download and render. A sliced image has the
appearance (in your case [on my PC], not in IE which waits until it
has all the parts before displaying any) of faster display because
some individual parts are downloaded and displayed quickly. However,
the other parts have to be fetched from the server (a GET conversation
with the web server for each one) and will take longer to arrive and
render.
 
A single image sliced into two bits may well download faster, since the
browser can fetch both bits at the same time. But the incremental advantage
is inversely related to the number of slices, since network
traffic/congestion leads lost packets, hence re-fetches. In addition, the
page infrastructure required to reassemble 27 bits is much more difficult
for the browser to render than a simple, single table cell.

All in all, it's a bad idea....
 
I am working on a site and I thought I was almost done with the initial
design. It looks great in IE, but when I went to view it in FireFox, I see
that my split image that is the page header gets moved around. It really
looks quite stupid.

I'm using a resolution of 800 x 600, but others will view it in 1040. My
tables are set to 100%. Shouldn't that mean that it will resize to fit in
whatever browser/resolution opens it?
Click to expand...

Is it me?

I opened the site in Firefox (1280 x 1024, maximized) and the header
image looked OK. So I right-clicked and chose View in IE and it looked
identical. Apart from the vertical scrollbar, the only difference was
in the 3-D surroundings of the navbar, where IE has a thin black line
while Firefox has white.

The header image is intact. Maybe between reading these replies and my
posting this you changed something? I haven't examined the source
because the page looked OK.

fido
 
Well, it seems that you all feel about the same way about sliced images. I
also got a very nice explanation there of why that is. I guess I'll just go
and make that a single image: end of problem.

Thanks so much, all of you, for your patience and help!

(I also have another question, but I know I shouldn't post it in this same
thread, so please stay tuned for my next one.) ;-)
 
Hi there,

I haven't done a thing to it yet, but I'm guessing it was your higher
resolution that made it look okay to you. I usually design for 800x600
because that still seems to be the most popular resolution...Though I think
it's getting less popular all the time.

Thanks for looking!

Yarrielle
 
Back
Top