Replies

Jan 23, 2015 11 years ago
Estelle
is made of stardust
User Avatar
Valechka

I have two problems:

  1. My pet layouts are being cut off halfway through: Meganium, Reina, and Serpenth's (Serpenth's, however, looks fine on my bigger screen for some reason). How it looks on my screen: One. Also, whenever I minimize the window, this happens. It seems there's a little bar at the bottom, and I've seen it on the other profiles too. Is there a way to remove it?

  2. I know Subeta's had some coding changes recently that made it so you need to adjust the pixels again; but, is there a way to have it look properly aligned on all screen sizes? I have one screen that is 5120x2880 and another 2560x1600. My coding is never properly aligned on anything outside of the computer I decide to code with; even with smaller screens (school computer). I always try not to make layouts wider than 1024, since that's apparently the most common screen size and I want these look good on all screens.

It's been a long time since I last coded. The most I did was touch up a few things and updated Reina's. They looked perfectly fine a few weeks ago/before I went on hiatus.

[edit]

I found my solution. Please lock this, thanks!

Collecting ALL the Current Colt Count: 2,372 (Warning: Item image is clickable; VERY Large TC) I Want to Adopt These Pets

Jan 23, 2015 11 years ago
egg
is a bad egg
User Avatar

First off, Serpenth's looks fine on my computer as well (Res: 1440 x 900) As for the cutting off/weird bar thing, don't worry about it. Keith did a thing to the footers that messed up any pet profiles with a scrolling page. There is currently a thread about it in P&B. He is supposedly working to get it fixed, so I suggest not messing with any codes in the mean time. With the pixels being off, I would suggest coding with position:fixed? I mean, that's how I do it and I don't have issues with alignment (not even when I view it on my parents crappy desktop where the resolution doesn't even allow a 900x600 background to fill the screen xD.) Then again, I almost only make static profiles, so position:fixed works well for me.

Jan 23, 2015 11 years ago
Adventure Captain
sonata
User Avatar

As far as the alignment issue goes it seems some of the recent updates to the site css has included removing a percentage margin on the pet profiles (yay!). I'm pretty sure that's what's been causing the alignment issues for you. You have some pretty large resolutions, so even the 1% margin would have given a big difference from resolution to resolution.

Since the margin was removed though you basically just need to update your positioning and you should be fine in the future. Unless they add it back of course. :P

Art by
[tot=sonata]

Jan 23, 2015 11 years ago
hermes
is a Morostide warrior
User Avatar
Fenarel

i'm not sure i understand, but i THINK i do. if they're supposed to be like kashmir's profile, changing "height" to "min-height" in body {background} did the trick for me after this... thing happened to me after a minor edit. your text boxes in the columns have overflow though, so i'm not sure if this is the solution you're looking for.


:dmg:light:

:dmg🔥

Jan 23, 2015 11 years ago
Estelle
is made of stardust
User Avatar
Valechka

Ah, okay. So I guess my only problem is just managing to get everything aligned then. I'll try position:fixed and see if that'll work since I've been using position:absolute all this time. Thanks for the answer!

Thanks for letting me know. Glad to know it wasn't just my coding being wonky on me lol.

I changed it to min-height, and it worked! It seems it works for text boxes w/ overflow. Thank you so much! :D

Collecting ALL the Current Colt Count: 2,372 (Warning: Item image is clickable; VERY Large TC) I Want to Adopt These Pets

Jan 23, 2015 11 years ago
hermes
is a Morostide warrior
User Avatar
Fenarel

no problem! i'm glad it worked out :D

(have to say though on the subject of using the fixed property instead of absolute is going to make your boxes stay in place when scrolling on the "body" scrollbar (i usually use fixed if i need something to overlay and stay in place when the profile is being scrolled through). absolute seems to work for me overall, it's simply the margin thing that needs to be adjusted a little bit (i think it was 12 or 14 pixels or something like that extra to the right when i fixed kashmir's profile) - the fixed property simply makes the item in question work independently from the body/html whereas absolute is still tied to body/html in some way. this explains it and has examples of the different properties if none of what i'm saying rn makes much sense, heh)


:dmg:light:

:dmg🔥

Jan 23, 2015 11 years ago
Estelle
is made of stardust
User Avatar
Valechka

I think I get what you're saying (at least the last part that is lol). After testing it out, it seems fixed makes the boxes when scrolling, so I'll need to do absolute again. I now know I need to adjust the margin tho heh.

Collecting ALL the Current Colt Count: 2,372 (Warning: Item image is clickable; VERY Large TC) I Want to Adopt These Pets

Jan 23, 2015 11 years ago
hermes
is a Morostide warrior
User Avatar
Fenarel

well it's not actually the margin (i could've worded that better, my apologies), it's just the "right:" that needs a couple extra pixels on the divs in question :)


:dmg:light:

:dmg🔥

Jan 23, 2015 11 years ago
egg
is a bad egg
User Avatar

^^ this. That's why I mentioned that I only make static profiles, otherwise I use poisiton:absolute (which is like 5% of the time). But I'm glad ' fix worked for you :)

Jan 24, 2015 11 years ago
Estelle
is made of stardust
User Avatar
Valechka

Thank you both for your answers. I didn't notice at first because of my large screen, but hopefully I finally get this right haha.

Collecting ALL the Current Colt Count: 2,372 (Warning: Item image is clickable; VERY Large TC) I Want to Adopt These Pets

Please log in to reply to this topic.