[seanf]

I work in a school. The teacher who made the school's website is leaving and has suggested to the head that I can now maintain/update the site. I'm happy with this and have decided to 'improve' it a bit. The site uses frames and I'm having a problem when I insert pictures. As soon as I put a picture in, the frame adds a scrollbar at the bottom even though there is loads of space for it to fit without scrolling.

How can I stop this happening?

The original site is here

My version is here

Sean

Edit: This only happens with IE, other browsers display it as I intended.

[Bill Posters]

<bypassframesargument />
<bypasstheactualquestion />

It's a really bad idea to name your files like this:
The British International School, Berlin-Dateien/nav.htm is a really bad name for a file.
Do yourself a favour and rename them so they have no spaces or commas. The spaces and commas could cause potential problems with file name recognition.

Recommended reading about naming files (Googled):
http://people.engr.ncsu.edu/jthurtea...es/naming.html
http://uweb.txstate.edu/~me02/tutorials/HTML/names.htm


<backontopic />

You don't mention which version of IE, but even so it sounds like it could be IE's broken box model.
You can implement the box model hack* to cover IE5Win and use a full XHTML Strict DTD to put IE6Win into compliant mode, which should mean that it uses the correct box model.

(* read, read, read, read, read. (excuse any overlap))

[seanf]

I agree it's not a good idea, but I 'm just working on an existing site. I will rename things as I progress. I just started on it today and am encountering a few things that I intend to change as I go on.

IE6 by the way.

Cheers

Sean

[Bill Posters]

Use a XHTML Strict DTD and see if the problem persists.
Let me/us know.

[seanf]

Bill,

When you view it, do you get a scrollbar?

What brower(s) do you use?

Sean

[cam]

Here's a screengrab of how it renders in IE6 at 1280x1024

btw.. sorry for the poor quality, but had to compress to meet the forum filesize limit for attachments

[seanf]

Cam,

That's strange - no scrollbars. Why do I get them with IE6 at 1024x768?

I'm referring to horizontal scrollbars BTW.

My screenshot is here:



Sean

[seanf]

I've renamed it now so this makes my first link invalid. Go here now:

http://www.seanf.de/bisb/bisb.htm

Sean

[plcweb]

You can disable those scrollbars by placing a CSS tag in your head section. Use overflow-x:hidden

[Bill Posters]

It's not technically the image that is causing the bottom scrollbar. It's the fact that the picture pushes the height of that page to extend beyond the page's own height, thereby creating vertical scrollbars.
It's the vertical scrollbars that are causing the available width to shrink which causes horizontal scrollbars to be created.

You might find that implementing a margin: 0; padding: 0; for the actual pages may help the 100% width table to fit in.
Alternatively, you might consider reducing the width of the table by a percent or two.

These are (educated?) guesswork. I can't test these personally as I'm not using a browser which demonstrates the problem.

-

I recommend against using plcweb's overflow-x:hidden; solution.
Don't just 'fix' the symptom - fix the problem.

[seanf]

Problem solved. I took this out of the doctype:
"http://www.w3c.org/TR/1999/REC-html401-19991224/frameset.dtd"
Now it works fine. Haven't changed my uploaded example yet so don't check it (as if you would anyway )

Now I can get on with it.

Sean