Need help with website?

Razargh · 12 Jan 2012 at 23:19

Hey guys, been making a webpage for my college assignment, and i'm having a few problems.

Firstly I can't get the page to scale on different resolutions(i.e. able to scroll down on smaller resolutions or to view more content.)

Secondly I want to bring up a frame or page when you click on the contact us button so it just brings up a little box with information instead of a new page?

Any other help would be great.

Website

kingbal · 13 Jan 2012 at 08:57

Not sure about your scaling issue as I'm on my mobile and it looks ok - for the pop-up box, search for fancybox - its a cool javascript based window and pretty easy to implement with a jquery click event eve

Tripnologist · 13 Jan 2012 at 09:06

For a start, you have near everything set to a fixed position.

Fixed Positioning
An element with fixed position is positioned relative to the browser window.
It will not move even if the window is scrolled:

Fixed positioned elements are removed from the normal flow. The document and other elements behave like the fixed positioned element does not exist.

Linkex · 13 Jan 2012 at 09:13

To control the window that your link opens, you can use something like this:

Code:

<A HREF="javascript:void(0)"onclick="window.open('http://www.msn.com/','linkname','height=380, width=300,scrollbars=no')">Link Name</a>

Razargh · 13 Jan 2012 at 13:46

Tripnologist said:
For a start, you have near everything set to a fixed position.

If i set things to absolute, everything goes all over the place.

Tripnologist · 13 Jan 2012 at 14:17

I don't see any reason why you need to set position at all.

kingbal · 13 Jan 2012 at 14:51

http://css.maxdesign.com.au/floatutorial/

Chanc3 · 16 Jan 2012 at 22:09

It won't scale as the height/widths are fixed I think is what they are trying to say.

Tripnologist · 17 Jan 2012 at 09:41

Chanc3 said:
It won't scale as the height/widths are fixed I think is what they are trying to say.

Nothing to do with widths or heights.
OP said that by 'scale', he means that the site won't scroll downwards. If you look at it and make your browser small so as to require scrolling, no scrollbars appear. This is because he's used fixed positioning on all his main divs which removes them from the pageflow and fixes them relative to the window.