I want to stop my content shifting around when resolution is changed. Options

[Ziggletooth]

I have a lot of pictures with data underneath and these are arranged left to right, grouped with div tags. In doing this I got it to look how I wanted it.

I then connected my laptop to a TV. The resolution on my laptop is 1366 x 768 and the TV is 1360 x 768 and this is apparently significant enough to create a break in the line of images.

I have tried reducing the width of the images but this doesn't work.

Is there a quick fix for this, i.e. is there a way I can lock the appearance to 1366 x 768 (perhaps by forcing a scrollbar instead of dynamically shitting stuff around)?

I use a basic text editor and have minimal html knowledge.

Thank you

[Christian J]

I then connected my laptop to a TV. The resolution on my laptop is 1366 x 768 and the TV is 1360 x 768 and this is apparently significant enough to create a break in the line of images.

I'm not familiar with TV screen resolutions, but 1360px sounds like something between a "720p" (=1280px wide) and "1080p" (=1920px wide) screen?

In any case, the same thing may happen if the user's browser window width is not maximized (mine is currently 1500px wide, others may user narrower ones), or if the user zooms in the page (I use 120% zoom or more by default), or if the user's system doesn't support higher resolutions.

I have tried reducing the width of the images but this doesn't work.

Maybe something else contributes to the total width. If you post a sample page we might take a look.

Is there a quick fix for this, i.e. is there a way I can lock the appearance to 1366 x 768 (perhaps by forcing a scrollbar instead of dynamically shitting stuff around)?

Yes, but a horizontal scrollbar makes web pages very frustrating to use for those that can't (or don't want to) use a wider window.

[Ziggletooth]

Perhaps you could help me define a structure.

My implementation is somewhat comical and involves using images of white space to push other images along...

What I would like is a schematic that will allow me to have two large images on the left with rows of four smaller images on the right extending down the page, (with space for information under each image).

Or if not that a quick fix to stop my images shifting, the focus is on the information in and under the pictures.

[pandy]

If that's what you want make your DIVs fixed widths in pixels.

[Ziggletooth]

If that's what you want make your DIVs fixed widths in pixels.

Thanks I managed to get it to work.

One last thing, is there a way to load the page in order to display it at a point other than the top of the page? After you click the link to the page I want it to load underneath the headers so it shows more of the information, but the headers are still there if you scroll up.

Thanks

[Christian J]

One last thing, is there a way to load the page in order to display it at a point other than the top of the page? After you click the link to the page I want it to load underneath the headers so it shows more of the information, but the headers are still there if you scroll up.

See https://htmlhelp.com/faq/html/links.html#named-anchor