Corrupt design in i-frame - need help

hama · December 30, 2004, 12:35:14 PM

I need some professional help and will send you for the solution DVD's or CD's through amazon (50 Euro).

In my gallery you have the possibility to listen music (radio stations). It is constructed with i-frame and works pretty well.

The problem is that this i-frame corrupts some pages of my website. The problem is that some sites have a horizontal scroll bar (without i-frame the have not).

I can see the design problem in 800x600 or 1024x768 (most of my members have one of this two solutions).

Have a look and start a radio station:

--> http://www.dorfschule.ch/copper/index.php

Then click "Home" or "Forum" (these are pages with the problem).

Or click "Gallery" or "Quiz" (these are pages without the problem).

--> Screenshot-A.jpg without design problem.

--> Screenshot-B.jpg with design problem.

--> Edit: Login for start page: test test (it's not an admin account ...)

Send me a "Personall Message" and we can discuss the problem and (hopefully) the solution.

Thanks

hama

rphMedia · January 03, 2005, 06:21:25 PM

Hama, find this is your first line of the suspected pages -

Code Select

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="de">

Replace with only <html>

and your horizontal scrollbar issue will be solved.

hama · January 03, 2005, 09:49:18 PM

Hi Ron

I'm surprised, your solution works for the startpage!

For "Forum", "News" (a subcategory of Forum), Gästebuch and Feedback the problem is still there.

I changed the two lines in head.tpl of the main website. If I delete the same two lines in head.php of the "Forum" the scrollbar is away but the design of the whole forum is changed/corrupt. Don't know why.

I keep trying.

--> Edit: In Firefox everything looks good! Except the embedded MediaPlayer (it's only black).

Thanks

hama

rphMedia · January 03, 2005, 10:15:38 PM

Removing that header should not interupt your "design" in any way. It's merely info for standards.

Hama, you have many css files that your pages point to. You need to go through them one by one and figure out what's causing horizontal scroll (it even occurs without the iFrame in question on a couple of pages). I'm guessing that you use DreamWeaver to build your pages. A rule of thumb (IMO) is to create stlyles using percentage, rather than actual pixel width/height. When you use physical dimensions, start with a low resolution (say 800x600 for a starting point). Then, put that into a table: style; 100%. If you use percentages, then it wouldn't matter what resolution a visitor was at; they would see your site as it was intended. If you use physical dimensions throughout, then you're building your site for a specific audience - and of course, problems start occuring with different monitor resolutions/browsers.

It gets really detailed and I'm no expert, but summing up your widths on the pages that are causing the problems will be your starting points and eventually your solutions.

rphMedia · January 03, 2005, 10:21:32 PM

Ah, I see your edit now, different problem. No problem at all. Firefox needs the <embed> tag to work. Just go to my website and view the source and it should all come together for you (works at all of my sites).

hama · January 03, 2005, 10:24:10 PM

I built my pages with the windows text editor ... :-\\

Your're right, many css files ... too many css files ...

Thanks for the starting point! I'll try to get an overview over my css files.

Have a good time.

Hans

coppermine-gallery.com/forum

News: