Advertise Here

Author Topic: Photographs, unwanted cropping, unwanted scrollbar added - please help!  (Read 1177 times)

0 Members and 1 Guest are viewing this topic.

guest10806

  • Guest
Firstly, thanks for this Support Forum and for those who take the time to resolve the questions raised.


I have recently migrated to smfforfree from another forum host.

My forum is mainly about sharing photographs with a full text description covering what each photograph attempts to depict, and the circumstances surrounding the capture of the photograph.

Posters have always been encouraged to size their photographs to 1000pixels wide. Because this forum is mostly about photography, the posters will first re-size their photographs and then post process them to completion. So final sharpening etc. is done to the 1000pixel wide image. Any potential for the browser to re-size the photograph is actively resisted. The forum is typically viewed using the browser's FULL SCREEN (F11) option.

Very many (the majority) of my members have monitors or laptops that are 1280 pixels wide, or less.


smfforfree has been disappointing for my usage, it does something that my last forum did not.


When the Forum User's monitor is not wide enough to display the whole width of the forum page including the full-width 1000px photograph, it adds a horizontal scroll bar to the bottom of the post.

The function of this scroll bar is to scroll only a portion of the forum page.

So it will preserve the padding, together with the poster's name, avatar, profile etc. - at the expense of displaying the full width of the photograph.

It is then impossible to view a full width 1000px photograph on a 1280px wide monitor!!!

Worse still, while you are using the horizontal scroll bar, the Poster's text is also horizontally scrolled. The unhappy result of this is that when you have scrolled to the right edge of the photograph, you have lost the beginning of the sentence typed above or below it.




Here is an example:
 (Just drag the right edge of your window to encroach on the photograph, to demonstrate the problem I'm having.)

The right edge of this photograph has a silver car in it. While scrolling to the right edge of the photograph, see if you can read the beginning of this paragraph.




guest10806

  • Guest
To make matters worse, if the Poster puts up two or three images, the scroll bar appears after the last image, so it's invisible and unusable to scroll the first image.

You are just left assuming you are seeing the whole of the picture, even though smsforfree has cropped it - which kind of defeats any attempt at composition.



The quick brown fox jumps over lazy rabbits, or was it dogs?


The quick brown fox jumps over lazy rabbits, or was it dogs?


The quick brown fox jumps over lazy rabbits, or was it dogs?


The quick brown fox jumps over lazy rabbits, or was it dogs?



guest10806

  • Guest
Can anybody help me to remedy this situation?

I don't want my pictures cropped - and I don't want the horizontal scrollbar added to my posts.

I want the picture left at full size, and I want to use the Browser's own scrollbar for any horizontal scrolling that may be necessary (that's what it's there for, right?)

That way I can center the full 1000px picture in the middle of my 1280px monitor.

I have tried reducing the left and right padding on the stylesheet, I have tried the overflow: hidden; command but none of these have achieved the desired result.



(Here is an example of a forum that behaves the way I want. Although these pictures are only 800 pixels wide, you can make the right edge of your window encroach on the photograph to demonstrate that the forum does not crop the pictures, and does not add its own horizontal scrollbar.)



Offline SMF For Free

  • Administrator
  • *
  • Posts: 7304
    • View Profile
    • SMF For Free

  • Total Badges: 38
    Badges: (View All)
    Quick Poster Tenth year Anniversary Spammer 25 Posts in one day Nineth year Anniversary Eighth year Anniversary
To accomplish that you will need to modify the css of the stylesheet. Go to admin -> Manage Styles You may have to create a new style then modify style.
Inside the css box find
Code: [Select]
/* Posts and personal messages displayed throughout the forum. */
.post, .personalmessage
{
width: 100%;
overflow: auto;
line-height: 1.3em;
}

Change to
Code: [Select]
/* Posts and personal messages displayed throughout the forum. */
.post, .personalmessage
{
width: 100%;

line-height: 1.3em;
}

SMF For Free-Free Simple Machines Forum hosting.
Like What I do? Support me at https://www.patreon.com/vbgamer45/

guest10806

  • Guest
Thanks for the prompt reply SMF ;D

I edited the css as you instructed and the picture is no longer cropped and the horizontal scrollbar was not added to the web page, so thank you. (On Firefox at least.)

However, the browser's own horizontal scrollbar will not allow me to scroll past the right edge of the photograph, leaving the viewer with the impression that they are still not seeing the whole photograph. Any suggestions on how to enable that?

The above is on Firefox.



However, in IE8 your fix does not work; the pictures are cropped and the browser's own horizontal scrollbar does not appear. Any suggestions?

 

Related Topics

  Subject / Started by Replies Last post
3 Replies
1176 Views
Last post November 27, 2006, 08:05:42 pm
by Angie W
6 Replies
3191 Views
Last post June 01, 2008, 11:45:03 pm
by DreaminOfAngels
1 Replies
955 Views
Last post August 26, 2008, 01:12:02 pm
by simply sibyl
3 Replies
1064 Views
Last post September 13, 2010, 02:41:13 pm
by simply sibyl
3 Replies
6548 Views
Last post September 13, 2011, 06:00:16 am
by blueindigo