Am i the one who sees main page like this ?

[Shadowhide]

I'm on widescreen

 

http://pix.academ.org/img/2013/03/18/55ab4cad9f0ec1136c5d4515e7d84b84.png

 

as you can there is plenty of empty space on the right,though everything was normal when i browsed with 1024x768 resolution

[Fidcal]

That's normal. It's not centred and it's a fixed-width table in pixels I guess. The best way is for the website to set the main table to a percentage of the width and centre it then it works on all resolutions. As it is, It only looks normal on a low res screen. You can zoom in using keypad + or Ctrl + or Ctrl mousewheel depending on browser. I get it roughly centred if I zoom into about 150% or 160% (My default res is 1680 x 1050 so it would need more zooming for 1920 x )

[jaxa]

i'll fix it!!!!!!

[Springheel]

The graphics are designed to go in the top left corner, just like the forum; it would look pretty stupid to have the clock cut off in the middle of the screen.

[jaxa]

It's the age-old clash between variable and fixed-width .html layouts.

[Fidcal]

Yes, it's not easy. Two possible solutions:

 

Both graphic and text centred with a contrasting dark colour border on either side, ie, not quite black but very dark red/purple or whatever. That gives the graphic a frame and is relatively easy to set up.

 

The other solution is partly an art solution. The top graphic is partly obscured but it looks misty. Extend the graphic 'infinitely' towards the right and centre the text on top of it. To do that, the graphic needs some extra art (approx 1/4th width that is there. Beyond that it should be plain grey to match the main grey on the background at right as it is. Then blur it and/or fade it away over the new part. What you end up with is the current graphic gradually blurring and fading away to the right all the way to the right side of the screen with the text block centred on top (but it's obscuration will vary depending on the zoom I think I'm not sure so it the part of the graphic it obscures will vary). Because the right side of the graphic is all blank it does not waste a lot of file space in a jpg so the image can be made wider than the widest usual current res (eg 2500 or 3000 pixels wide It needs to be done so it doesn't force a scroll bar at the bottom of the screen. I forget how that is done but it can be done. as I recall one way is to make that a background (then as I recall it gets tricky for different browsers.)

 

You can see something vaguely like this here:

 

http://fidcal.com/Storygazer/index.htm

 

If you zoom that in and out you see the effect. The graphic is always locked top left while the text block is always centred.

 

although my graphic fades quickly the principle is the same. That graphic could reach all the way across.

 

Long time since I did that. For all I know it doesn't work in all browsers.