: You're welcome! And you had mostly things like this in your code: overflow: auto; overflow: hidden; That kind of conflicts. xD Other than that, there was one line in which you declared the background-colour transparent and then another in which you declared it a colour.

: Oh, I see. I recently found this new technique, though, that uses absolute positioning and margins to centre a layout. It does it by giving the top & left 50% as values and then using the margins + basic math to move it to the centre by giving negative values that are half the size of the object. Would that still be bad practice? As far as I've experienced, it centres perfectly... :/ I'll add the warning though! :]

Are you talking about vertically centering a layout? I've seen that done, but it does get buggy in browsers, especially IE. Then again, I don't work much with vertically centered layouts, as they can't hold much content.

: Both horizontally and vertically centred. You can use margin: 0 auto; to horizontally centre a layout, but that doesn't always work out well on Subeta because of the way they set up the pages. An example would be my current profile. I haven't tested it out in IE pre version 8, but it seems to work fine in all browsers (IE version 8 & 9 included).

That does seem to work when you have a fixed size. It would not work if you had expandable content. It's a great trick for a profile, but not for many websites.

: That is very true. I experienced that myself yesterday when making a report for one of my classes (in website form)... Long live abbreviations, or else there'd be tons of scrollbars on that site. xD

Oh, right. xD I must have gotten confused there then. o3o If you need anything else I'm more than happy to help. c:

And that spoiler code thing is absolute win. lD I might have to use it sometimes. :D

Ahh, I see. XD Thanks for fixing that for me.

: Thank you! And the spoiler trick was given to me by Tilcara, the idea isn't mine. xD And I'll keep that in mind should I ever need help!

: You're very welcome. :]

You're totally right about positioning. I went to a webdesigners wannabes forum to ask for improvement of my pet profile codes but I finally didn't because the one posting before me had been humiliated because of all the absolute positioning and the big number of div... and I always use a ton of div (althought I think I would use less if javascript was enabled but well...). I'm not sure of what you wean for working with fixed size, if you mean working with a determined width, it does. Example is my pet Mumyo.

For expandable content, you can make a little trick like I did in this comission. It looks like it's the middle column that is expandable. I don't know for text in a section though but I'll work on it, it sounds interesting.

My pleasure ^^ I'm so happy I could help you with a little something with all the help you provide here ! Also thanks for giving me credits to Eco, I feel so proud XD

I'll take the compliment as I posted the code XD if you ever need help with it or something else you don't hesitate ^^

The vertically centering trick that uses won't work if you don't know the height of what you're centering.

I'm not sure what part of that layout is expandable? Nothing I can see expands. It's all fixed sizes >.<

All right, I didn't understand, thanks for clarifying ^^.

As for the layout, nothing is expandable, it just seems to be as when you shrink the window the space between the treasure chest and the other columns seem to shrink too (and on the contrary). In fact you're right everything has fixed size.

Example of horizontally centered profile with expandable story zone.

I hope this time I understood well...

Still close, but not quite. When I talk about expandable content areas, I almost always mean non-overflow:auto div's. While that story zone will be as long as it will be, it will still scroll inside that white box because you set a height. Most websites don't do that because it hides content. In fact, professionally speaking, I have never coded a website for a client that had that. I've coded layouts for profiles and RP sites that did, but anything else has had the page expand for content.

Ok, I revoved the height ^^ It's true it looks better. I'm quite sure I saw a centered web page with expandable content but I can't remember at all.

: You're very welcome, and I can't take credit for something that's not mine now, can I? I hope you don't mind that I didn't put your name next to the section but in the list of people who helped me instead? Otherwise the whole guide would get cluttered up with names. xD

: That's true. No centring unless there's a fixed height, and fixed heights mean scrollbars (which you can cover up, but scrolling isn't always the most pleasant thing to do). All websites that I've made for other people have also had expandable content areas. I think that's probably to do with the fact that Subeta profiles are more graphic-y and less about information or product sharing as with normal websites. The only product you have to sell on a pet page is the pet itself, instead of the plethora of products some websites offer.

: Finally finished that CSS-only pet profile (you beat me to the punch, lol). If you could check it out here and tell me what you think of it, I would be very grateful.

- I really like it! I'm not a fan of the small pet overlay image but I really do like the rest of it. It shows a really good use of CSS and the creative things you can do with the different sections. I didn't know you could do that with the TC! (showing item name on hover) Definitely cool!

: Thanks! And I had to google a lot of properties because their implementation is still experimental (mainly the transition effects). As for the TC... I dug around in the pet HTML and found that Subeta, for some reason, adds the item names in span elements after the images. Figured I might as well do something with that. xD

Now all I have to do is comment the hell out of it (and out of yours as well).

Does it ... actually matter in what order things are on the profile? I mean, in the edit box, is there ANY matter at all where things are placed?

This guide is deffinately a wanderful useful aspect in which i will modify my lagging profile quite a bit! I shall add accoutrements of desire and pure passion in the thanks of your auspicious topic of yours. Well Done! You must think im agelast but i dearly am not!

This pet profile of yours is really amazingly well-done ! I had already seen items name under their images in the TC but never something like you did. Very good idea !

: It doesn't matter in which order you place your CSS, but one defective code disrupts the rest of the stylesheet (so if you have a wrong code in the middle of your document then the codes before that will work but the codes after might not). Or is that not what you meant?

-says-hai: Thanks, I think? Did you use a translator there, because I don't completely understand your message. xD

: Thank youuuuu. Figured I might as well do something useful with it, since it was hidden on the profile but still visible in the code.