kevin said:
Dylan Parry said:
kevin yates wrote:
[all the content moves and pictures change size on browser resize]
http://5th.stevenagescouting.org.uk the site is still in its infantsy like
my web designing (still learning)
The content moves, but the pictures certainly don't change size. The
fact that the content moves to be accomodated on a smaller browser width
is a good thing, and you shouldn't try to change this. Remember, that
not everyone has the same browser size as you do.
Ok thanks for the replys so i take it thats a good thing
[Comments based on Firefox 1.0.]
As I play around with resizing the viewport and watching how the
elements dance, the only thing I see that's *not* responding gracefully
is the decorative image right below the matrix of photos. The one
*above* it works better, albeit that's probably not the way you wish
it (*or* the bottom one) to appear. I see this source for those two
images:
<img src="pics/5th.gif" width=800b height=30 alt=scarf>
<img src="pics/5th.gif" width=800 height=30 alt=scarf>
I don't know what that "b" is in your image width value, but if it's a
typo that's breaking that attribute, you might want to do the same thing
with the bottom "scarf" image.
It looks like the upper scarf image is 190 pixels wide, and the broken
value is defaulting it to that true width; and the bottom one is being
stretched to the 800 pixels you've specified (throwing it off center as
the rest of the page is resized and causing the appearance of
a horizontal scroll bar you really don't need.
If "b" does mean something here, that I don't know, well -- I lurk to learn
and rarely have anything specifically about markup to add, so please carry
on without me. All of you.
[ADD] Opera seems to forgive the "800b" value, and both upper and lower
"scarf" images go 800px wide -- so they're both causing the horizontal
scrollbar and off-center display (of themselves) when the page is viewed
smaller than the size for which you wrote it.