Pet Profile: Broken, need help fixing :)
Replies
I hope this is the right spot!
https://subeta.net/pets/Doubloon
The above profile used to work. It no longer does. I'm assuming in my long absence from making profiles some coding bit has changed. Can anyone tell me why it's not working? Thanks!
There was a time when the site code was re-done (not too long ago really) and all the pet profiles were broken and had to be fixed. I am not sure who to ping for help on this maybe or can help since I noticed they helped with other users? Also can help but they might be super swamped/busy right now. ^.^
You might need to use https://pastebin.com/ to get code for people to see/fix. c:
Public Ping Group - Xanadu Galleria and RAE Collab
I really really extremely want:
- Wow, I haven't been here in a long time. It's cool that you remember me haha.
- I'm pretty busy lately, but if I get time before someone else can help I'll for sure look at it. It would be great to get some sort of link like Ambition suggested to see the full code.
{
position: absolute;
height: 100% !important;
}
^ This is your baddie. He’s not intentionally bad, though. He’s being influenced by his parent.
TLDR version, AKA welcome to my ted talk
It's always the parent, am I right? /dork
But in all sincerity, position: absolute has some interesting quirks. In particular, a selected element will be positioned absolutely to its first positioned parent. Key emphasis here on "first positioned".
-content (the first parent of ) is actually positioned. (I have a feeling this is the change that broke most of the pet profiles a while back). Here's the CSS:
-content {
position: relative;
}
Which isn’t bad (at all), except if there isn't a height set, a parent will calculate a height based on the height of its children. In this case, the only other child of -content with a set height is , which is also absolutely positioned. By nature, absolutely positioned elements are removed from the main flow of the document, and despite the peculiarity of being positioned in relationship to the parent, the child will no longer contribute to the height of the parent.
So, here, -content is now chilling out with a height of approximately 0 /meh
You can fix this pretty quick, though. Set the height on the parent of instead of . This will get you, like, 90% there. Then unset the height on div#content and fix the overflow (which is set to overflow: auto in the css somewhere -shrug-). In totality, it’ll look like this:
div#main-content {
min-height: 100%;
}
{ position: absolute; left: 5px; top: 13px; width: 1150px; border: none; margin: 0px; padding: 0px; height: initial !important; overflow: visible; }
Be sure to replace the existing block with the one above. (Or update it to include the new height and overflow values).
You'll also need to fix the height of the body element, since it's being overridden to 100% by one of the site's css files:
/** This is all code you have right now, but you'll need to add the "!important" like shown below: **/
body {
background: transparent url(https://i.imgur.com/Wy3RAQJ.jpg) top left no-repeat;
width: 1200px;
height: 1000px !important;
}
If that doesn’t fix it, throw a rock at me, and I’ll look again. Beautiful profile.
- thanks for the quick reply, I think Fletch helped me! <3
- it's late so this is a lot for my brain to process. I am going to look at it in the morning and tweak your suggestions! Thank you SO much, because I never would have figured it out on my own! If it doesn't work, or I'm just doing it wrong, I will send you a message or ping you here again. <3 (and thanks for the compliment!)