I know practically nothing about coding but I've been messing around with it and trying to figure things out. I'm having a bunch of issues and can't figure out how to fix anything.

I'm working on my pet profile for my fanpet Lil Miss Muffet and here's all the issues I'm having. I'm just trying to get a basic one that looks nice until I can commission someone who actually knows what they're doing xD;

First of all I can't seem to make it so it looks okay on other screen sizes. It looks fine on Mine but on my friends it looks like This

Second thing is being able to scroll the text without showing the scroll bar.

I also can't figure out how to change the font size for the description without changing the font on everything

I've been messing with this dumb thing for hours and I just can't figure out what I'm doing wrong. Any help would be great.

I know my codes a mess but here it is anyway <style>

<div class="text">[CENTER][U]MUFFET TRAPS YOU![/U][/CENTER][BR] FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF </div>

Since you set your html background to be center aligned, the menu will shift depending on screen size (since the width of html changes with the size of your browser window). I was going to suggest setting a fixed width for html, but it looks like that breaks things. >.>

Instead you could try creating another div with the menu as the background, and then put your div with the text inside that div.

First you'll want to remove the background image from html, so it just looks like this: html {background:;}

Then add this to your CSS: {position:relative; background: url('http://i15.photobucket.com/albums/a373/0okamiseishin/menu_zpsx75t9t0q.png') no-repeat center; width:800px; height:306px; overflow:hidden; z-index:1;}

You'll then want to adjust the position of .text. This should be close to what you need, but you'll probably want to fiddle with it a bit more. Additionally, adding the font-size property here will you let you change just this font size. .text{width:625px;height:130px;overflow:auto;position:absolute;top:19px;left:73px;text-align:justify;font-size:15px;}

And then put your text div inside the new div, like this: <div id="muffetmenu"><div class="text">...</div></div>

If you want to hide the scrollbar, you'll need to position another div on top of it (like how I used a div containing this image on Fallen Child's profile to cover up the scrollbar). Most modern browsers have a scrollbar 17px wide; I generally use a 20px div to cover them just in case.

The "z-index" property will allow you to layer divs on top of eachother. Since 's z-index is 1, you'll want to set the scrollbar cover's z-index to at least 2 so it appears on top.

(I've not very good at explaining things, sorry! I hope this helps though. ^^ Nice fanpet, by the way!)

Okay I tried what you said and it fixed my font problem ^^ but now I can't get the overlay to work or figure out how to put the other div over the scrollbar. I've tried repeating the code but setting the z index to 2 and changing the sizes and such but it just pushes the other box down instead of going over it.

and if I try to get rid of the code I used for the overlay everything gets off centered Dx

You explain things well enough for me it's just coding is extremely confusing xD and Thank you for the help I really appreciate it! I also love your fanpet as well and that layout is great ;v; Could I add them to my pets friends?

Hm, after thinking about it, maybe it's better to set the z-index on .text instead.

How's this work?

<style>

And thank you! You can definitely add them as friends. Would you mind if I added Muffet and Toriel as Fallen Child's and Pacifism's friends?

YESS THAT LOOKS PERFECT! Thank you so much! And of course you can add them as friends =D