Please fix the foum for 1440p monitors! - Page 1
Forum section: electronics / general

author: jnz
author_rank: Frequent Contributor
timestamp: October 02, 2015, 06:08:52 pm
content: See attached pic. The header doesn't span correctly.When I'm reading this site I have it full screen to cut down on distractions, since it usually takes all my attention to understand what's going on here!

author: PA0PBZ
author_rank: Super Contributor
timestamp: October 02, 2015, 06:19:34 pm
content: No matter how I drag the window (from 300 to 3500 width) I can't get this effect. Did you try another browser? Does it only happen on full screen?

author: nctnico
author_rank: Super Contributor
timestamp: October 02, 2015, 06:29:48 pm
content: I have the same effect (Firefox 41.0.1 on Linux)

author: PA0PBZ
author_rank: Super Contributor
timestamp: October 02, 2015, 06:40:56 pm
content: Quote from: nctnico on October 02, 2015, 06:29:48 pm40.0.3 on Windows is/was fine, but when I checked the version I noticed it was updating, now it is 41.0.1 and it shows the same problem when I drag the screen to about 2500-3000 wide.Edit: seems like I was dragging too fast to notice, the same happens with IE and Chrome, but I have to drag the screen to like 2500-3000 to see it (1.5 monitors)

author: miguelvp
author_rank: Super Contributor
timestamp: October 02, 2015, 07:12:08 pm
content: Seems to be when you go past 2440 pixels wide, but it doesn't affect the posts themselves.Only some tiny white triangles in between the posts and a bit of the line.

author: Rasz
author_rank: Super Contributor
timestamp: October 02, 2015, 07:23:54 pm
content: try this custom css:Code:div#wrapper{max-width: 100% !important;width: 100% !important;}

author: mariush
author_rank: Super Contributor
timestamp: October 02, 2015, 08:24:14 pm
content: It's an issue with the stylesheet, the definition for that header is :background: #fefefe url("../images/theme/main_block.png") no-repeat scroll 0 -480pxand the picture width of main_block.png is 2300 pixels. So every time you make the window larger than 2300 pixels, the design will be messed up.In theory, a simple fix requiring no css edits would probably be to extend that picture's width to something like 5000 pixels, it will compress just as well. (just cut picture in two, move one side more to the right, then copy and paste a vertical block in the center)

author: PA0PBZ
author_rank: Super Contributor
timestamp: October 02, 2015, 08:35:40 pm
content: So why does op have a problem with 1440p?

author: mariush
author_rank: Super Contributor
timestamp: October 02, 2015, 08:43:08 pm
content: Because the monitor resolution is2560 x 1440, and even substracting scrollbars and window borders from 2560 pixels, when the browser window is maximized the width of the actual drawn web page will be larger than 2300 pixels.

author: jnz
author_rank: Frequent Contributor
timestamp: October 02, 2015, 08:43:39 pm
content: Because 1440p is 2560x1440And it doesn't matter if it's fullscreen or not. Firefox, and Edge on Win10.

author: PA0PBZ
author_rank: Super Contributor
timestamp: October 02, 2015, 08:44:57 pm
content: Quote from: mariush on October 02, 2015, 08:43:08 pm

author: liquibyte
author_rank: Frequent Contributor
timestamp: October 02, 2015, 08:55:23 pm
content: I prefer dark colors so change to your hearts content. This removes all background images.Code:@-moz-document domain("eevblog.com") {body, td, th, tr{color: #ccc !important;}.dropmenu a, a:link, a:visited{color: white !important;}body{background: #111 !important;}#header{background: #111 !important;border-radius: 15px 15px 0 0 !important;}#upper_section{background: #111 !important;border-radius: 15px !important;padding: 15px 10px !important;}#content_section, #footer_section, #content, #content>div, #content>div>div, #content>div>div>div, .entrytitle>h2, .entry, .entrytitle, #slider, .date, div.hr, #sidebar, #sidebar>p, #sidebar>ul, #sidebar>ul>li, #sidebar>h2, .entrybody>blockquote{background: #111 !important;}h3.titlebg a, h3.titlebg, h4.titlebg, h4.titlebg a{color: #ccc !important;}.windowbg2{background: #333 !important;color: inherit !important;}.windowbg, #preview_body{background: #292929 !important;color: inherit !important;}div.cat_bar{background: #111!important;border-radius: 5px !important;}.navigate_section ul{border-top: 1px solid #444 !important;}.roundframe{border-radius: 5px !important;border: 2px solid #555 !important;padding-top: 10px !important;padding-bottom: 5px !important;}div.title_barIC{background: #111 !important;}#footer_section{background: #111 !important;border-radius: 0 0 15px 15px !important;}.catbg, .catbg2, .titlebg, .titlebg2 td, div.frame, span.upperframe, span.upperframe span, span.lowerframe, span.lowerframe span, .roundframe, span.botslice, span.botslice span,span.topslice, span.topslice span, .buttonlist ul li a span, .buttonlist ul li a.active span, .dropmenu li a span, .dropmenu li a span, .dropmenu li a, .catbg, .catbg2, tr.catbg td, tr.catbg2 td, tr.catbg th, tr.catbg2 th{background: none !important;}.description, .description_board, .plainbox{background: #222 !important;}table.table_grid td{border-bottom: 1px solid #111 !important;border-right: 1px solid #111 !important;}.stickybg, .stickybg2{background: #444 !important;}textarea, input, button, select{background: black !important;color: white !important;border: 1px solid #555 !important;padding: 2px;}blockquote.bbc_standard_quote{background-color: #222 !important;color: #CCC !important;border: 2px solid #555 !important;border-radius: 5px !important;}blockquote.bbc_alternate_quote{background-color: #333 !important;color: #CCC !important;border: 2px solid #555 !important;border-radius: 5px !important;}.buttonlist ul li a{background: #333 !important;border-radius: 5px !important;}.buttonlist ul li a:hover{background: #111 !important;color: #555 !important;border-radius: 5px;}.buttonlist ul li a.active:hover{background: #111 !important;color: #555 !important;border-radius: 5px;}code.bbc_code{background: #222 !important;color: #ccc !important;}h1, h2, h3, h4, h5, h6{color: inherit !important;}.dropmenu li a.firstlevel{background: #333 !important;border-radius: 2px !important;padding: 0 0 0 5px !important;}.dropmenu li a.firstlevel:hover{background: #555 !important;}.dropmenu li ul{background: #333 !important;border-top: 1px solid #999 !important;padding: 0px !important}.dropmenu li ul li:hover{background: #222 !important;}.geshi{background: #ddd !important;color: #333 !important;}.geshi ol{list-style-type: none !important;padding: 0 !important;margin: 0 !important;}.geshi li{background: #ddd !important;border-bottom: none !important;border-left: none !important;}#footer_section div.frame{padding: 10px 0 0 0 !important;}#fb-root, #be-it-sidetab{display: none !important;}tr:nth-child(odd) {background-color: #222 !important;}tr:nth-child(even), .arppost, #footer_section td {background-color: #111 !important;}}

author: cloudscapes
author_rank: Regular Contributor
timestamp: October 02, 2015, 10:56:01 pm
content: I have a 1440p monitor, but man.... I'd never have my browser take up the whole width! Perfect for two browsers though, netflix/youtube on one, forum on the other.same when I code. IDE on one half, references/info on the other. plenty of room.

author: amyk
author_rank: Super Contributor
timestamp: October 02, 2015, 10:59:27 pm
content: You have2560horizontal pixels to work with and you somehow think this site needs all of them?That's roughly 2.5x what I have, and I don't maximise my browser windows either! Minimise whatever other windows you have if you want to avoid distraction... or just practice more focusing and ignoring everything else.

author: Halcyon
author_rank: Unknown
timestamp: October 03, 2015, 03:39:30 am
content: I don't quite understand the problem? No matter what size I have my browser set to (Internet Explorer) the width of the page resizes and displays entirely within whatever size window I have.

author: DimitriP
author_rank: Super Contributor
timestamp: October 03, 2015, 04:48:53 am
content: QuoteHere is a cringe test :Open Devices and Printers (or Printers and Faxes ), maximize it and tell us for how long you can keep it this way while looking at itI can do it for at least four seconds.

author: Stonent
author_rank: Super Contributor
timestamp: October 03, 2015, 07:55:15 am
content: My work laptop has a built in 14" 1080p screen and I have two more (a 24" and a 22") connected.I've stretched the EEVBLOG forum window across the monitors before in chrome and did not notice any glitches.

author: wraper
author_rank: Unknown
timestamp: October 03, 2015, 08:16:31 am
content: This issue was introduced when the forum was returned back to previous look after people started complaining about fixed width. It is not browser dependent. To see it on smaller resolution monitor, you can just zoom out the page.

author: ErikTheNorwegian
author_rank: Frequent Contributor
timestamp: October 03, 2015, 05:46:20 pm
content: Use CTRL + scroll on mouse or "-" or "+" to adjust the screen size..

author: NiHaoMike
author_rank: Super Contributor
timestamp: October 03, 2015, 11:37:10 pm
content: I get the same effect with a 4K monitor, but I just ignore it.

author: Rasz
author_rank: Super Contributor
timestamp: October 04, 2015, 09:39:13 am
content: this will move it to the right side of the screen, so its less noticeableCode:div.frame {background: url("https://www.eevblog.com/forum/Themes/default/images/theme/main_block.png") -20px -480px transparent !important;

author: jnz
author_rank: Frequent Contributor
timestamp: October 04, 2015, 06:15:42 pm
content: Quote from: ErikTheNorwegian on October 03, 2015, 05:46:20 pmGood point.Quote from: NiHaoMike on October 03, 2015, 11:37:10 pmBut I don't want to ignore it! It's an electronic problem and no one has fixed it! Can not compute.