Children of The Iron Throne

A roleplay based on A Song of Ice and Fire books taking place before the Game of Thrones series, and during the Era of the Old King.

Log in

I forgot my password



Latest topics
» The Night's Watch
Sat Sep 05, 2015 5:21 pm by Aamen Targaryan

» Champions, Mounts, and Companions (Wip)
Thu Sep 03, 2015 10:33 pm by Aamen Targaryan

» House Summary
Wed Sep 02, 2015 2:51 pm by Darian Stark

» Family Tree
Wed Sep 02, 2015 2:50 pm by Darian Stark

» House History
Wed Sep 02, 2015 2:50 pm by Darian Stark

» House Summary
Wed Sep 02, 2015 2:48 pm by Darian Stark

» Registered Battle Ships
Wed Sep 02, 2015 2:48 pm by Darian Stark

» Family Tree
Wed Sep 02, 2015 2:44 pm by Darian Stark

» House History
Wed Sep 02, 2015 2:44 pm by Darian Stark

September 2017
MonTueWedThuFriSatSun
    123
45678910
11121314151617
18192021222324
252627282930 

Calendar Calendar

Staff List


ADMINISTRATORS
Admin
Admin Admin Admin Admin
Wordcounter

Word Length: 0
Statistics
We have 11 registered users
The newest registered user is burrcarlq

Our users have posted a total of 131 messages in 108 subjects

You are not connected. Please login or register

F*cked up code

View previous topic View next topic Go down  Message [Page 1 of 1]

1 F*cked up code on Mon Aug 10, 2015 5:37 pm

Cheshire

avatar
Like why are the posts like this?


━━━━━━━━━━━

[: Character :]

2 Re: F*cked up code on Tue Aug 11, 2015 10:16 am

Gallent

avatar
... the difference between overflow:hidden and display:table

Code:
#content-container div#main {
    overflow: hidden;
    margin-bottom: 1em;
}
was being used before, while it allowed the poststuff to display properly, it added about .265 or so of a pixel to the front page, which forced a stupid margin on the table header, (which really annoyed me) so to combat that I changed it to...
Code:
#content-container div#main {
    display: table;
    margin-bottom: 1em;
}
which fixes the problem there (forcing the table to be the full width) but creates this new issue of all the poststuff refusing to sit nicely as a column next to the widgets, taking instead to grouping below said widgets

EDIT:Eeeeeey. Turns out it was just the quick reply box. Also noticed that some other pages, namely the page that appears after you post something as well as the usergroups page show up weird

EDIT 2:had to turn off css optimization (which takes away all empty spaces, paragraph breaks and makes the filesize smaller, thereby making loading a little faster) to add width:calc(100% - 204px) which doesn't work without the spaces before and after the minus sign, so I'm pretty sure this issue is gone

EDIT 3:
Code:
#content-container div#content{
display:table;
width:100%
}
#content-container div#main{
margin-bottom:1em;
width:calc(100% - 204px);
float:right
}
fixes everything entirely --exceeeeept if stuff inside posts exceeds the given width, the post's width can grow too. While this doesn't change the layout anymore, this will result in horizontal page overflow.
EDIT 3.1: I figure the table header imaginary margin stuff doesn't matter as much as the page adapting to wide content thereby adding a potentially annoying horizontal scrollbar
EDIT 3.2: adjusted css to
Code:
#main #main-content > div:not(#pun-info).main:not(.paged):nth-child(4){
display:table;
}
#main #main-content > div.main.paged:nth-child(2){
display:table
}
which should exclusively select the tables where content is not subject to growing wide enough to disturb the appearance of the forum, thereby removing both the issue of imaginary margins and the potential of horizontal excess width forum displacement. On screens where the fraction of a pixel causes the problem in the first place, these elements are now 1 pixel narrower. A win in my books. (although if displaying elements as a table didn't allow them to wrap their width as wide as its content, it'd be better and I would have won sooner =/ oh well)



Last edited by Gallent on Wed Aug 12, 2015 10:39 pm; edited 1 time in total

3 Re: F*cked up code on Wed Aug 12, 2015 9:11 pm

Cheshire

avatar
This is why I don't use preset codes, too many issues.


━━━━━━━━━━━

[: Character :]

Sponsored content


View previous topic View next topic Back to top  Message [Page 1 of 1]

Permissions in this forum:
You cannot reply to topics in this forum