little help please?

[AndyJones]

Hello all,

I'm sure this is me being silly, but I shall ask any way:

Instead of using tables, I am using DIVS and an external style sheet

For some reason my site comes out really small in most browsers, How can I get the website to fit any browser size? To give you a hand at helping me, I have included one of my DIVS and its relation in the style sheet:

Code: Select all

<DIV id="Nav1"><img src="http://www.ajlx.co.uk/images/Nav1.gif" width="206" height="155"/></div>

and the style sheet part relating to this:

Code: Select all

#Nav1 { 
position: absolute; 
top: 2px; 
left: 2px; 
z-index: auto 
 }

For further help, here is the site at the moment, you can see what my problem is:

www.ajlx.co.uk

Thanks every one for your help

AndyJones

[ukgeoff]

Actually no I can't. Size wise it looks fine to me in both Firefox and IE.

However, there are anumber of validation issues not least of which is the fact that your page does not have a DOCTYPE.

Also, the way you are going about producing it makes your site unusable by anyone using assistive technology. In fact anything other than a standard GUI browser.

You need to stop using all those position: absolute; as well. If you think about the layout, it shouldn't be necessary on that scale. They will cause problems down the road.

[AndyJones]

Sorry, I'm new to all this....

How else do I position everything then? can you not see the big white space on the right hand side of the browser or is that just me!

thanks


Andy Jones

[ukgeoff]

To get around that space you need to do one of two things, make your pages fluid so they can adjust to the space they have or centre your pages.

The latter is easier to get right that the former.

Have a look at using margin: auto and the thing you need to do with the body tag and subsequently because IE doesn't understand auto. The answers are already here on the forum.

With regard to positioning, try to use relative positioning or design the layout of your code so that the natural flow of elements places things where you want them.