The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> I want to stop my content shifting around when resolution is changed.
Ziggletooth
post May 3 2020, 01:15 PM
Post #1





Group: Members
Posts: 8
Joined: 1-January 20
Member No.: 27,107



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
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Christian J
post May 3 2020, 01:39 PM
Post #2


.
********

Group: WDG Moderators
Posts: 8,444
Joined: 10-August 06
Member No.: 7



QUOTE(Ziggletooth @ May 3 2020, 08:15 PM) *

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? unsure.gif

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.

QUOTE
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.

QUOTE
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.

User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Ziggletooth
post May 5 2020, 05:04 PM
Post #3





Group: Members
Posts: 8
Joined: 1-January 20
Member No.: 27,107



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.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post May 5 2020, 06:30 PM
Post #4


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 18,821
Joined: 9-August 06
Member No.: 6



If that's what you want make your DIVs fixed widths in pixels.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Ziggletooth
post May 10 2020, 05:03 AM
Post #5





Group: Members
Posts: 8
Joined: 1-January 20
Member No.: 27,107



QUOTE(pandy @ May 5 2020, 06:30 PM) *

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
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Christian J
post May 10 2020, 06:23 AM
Post #6


.
********

Group: WDG Moderators
Posts: 8,444
Joined: 10-August 06
Member No.: 7



QUOTE(Ziggletooth @ May 10 2020, 12:03 PM) *

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
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 5th June 2020 - 06:19 PM