Positioning help...please!
Replies
I've made/coded two layouts for my pets so far, and had no problems. I ran into an issue of the treasure box and pet description (hell, everything I want to position) not going as far to the left (and top) as I want, or going too far, even when I've specified a certain amount. I even went through, wiped out all coding, and started from scratch using the "For Beginners" post here in the forums, and nothing I do is working. My page scrolls even though I took out the height of the BG (I made it zilch at one point), and it's just not functioning the way I want it to. Please help? The layout is for Thorana, and here are the codes:
Coding Here
<style>
html { background-color: ; background-image: url(http://i1254.photobucket.com/albums/hh606/niksheaffer/Thorana-Layout-BG-01_zpscb6ebf9b.png); background-repeat: repeat; }
;){kind=link}
body { background-color: transparent; background-image: url(http://i1254.photobucket.com/albums/hh606/niksheaffer/Thorana-Layout_zps28874f4e.png); background-position: top left; background-repeat: no-repeat; overflow-x: hidden; }
;){kind=link}
body,font,td,a,p,table,div,tr { color: ; font-family: tahoma; font-size: 10pt; text-decoration: none; text-transform: none; }
b { color: ; }
i { color: ; }
u { color: ; }
a:link, a:active, a:visited { color: ; }
a:hover { color: ; }
{ display:none; }
h2 { display: none; }
.owner { display: none; }
{ display: none; }
{ position: absolute; left: 10px; top: 430px; width: 610px; height: 88px; overflow:auto; }
.pet_name { display: none; }
.pet_color_info { display: none; }
{ position: absolute; left: 170px; top: 80px; }
img { height: 35px; width: 35px; border: 1px solid ; }
{ position: absolute; top: 424px; left: 0px; width: 415px; height: 50px; overflow: auto; }
.treasure_item { margin-top: 2px; margin-left: 2px; height: 35px; width: 35px; border: 1px solid ; }
.pet_spotlight { display: none; }
.stat { display:none; }
.statbar { display: none; }
.pet_age_info_date, .pet_age_info, .pet_wco_info, .pet_wco_info_date { display: none; }
, , -ban, -ban-main, -lrc, -rrc { display: none; }
, -right, , , , , -container, { display: none; }
, , body, , , { background-color: transparent; }
</style>
What am I doing wrong?!
Maybe this might help? {height: 800px!important; padding-bottom:0px!important;}
There's some empty space at the bottom of your layout background (with Thorana on it), so you can adjust the height to less than 800px if you find it's still scrolling a bit..
Did I understood you right? You just don't want that the page scrolls?
body {
background-color: transparent;
background-image: url(http://i1254.photobucket.com/albums/hh606/niksheaffer/Thorana-Layout_zps28874f4e.png);
background-position: top left;
background-repeat: no-repeat;
overflow: hidden;
}
just try the overflow: hidden, that actually should work
Thanks, I'm going to try this now. It worked for the scrolling, but it still won't position correctly.
You can just disregard my post! The overflow:hidden from chi's will fix your problem :)
- I tried that, and it still won't position the sections properly. :-/
@ Cocaine
You should preferably never use overflow:hidden on the entire page. Smaller screen resolutions might not be able to view the whole thing.
My suggestion would be go snatch the reset code from Neveah's profile. That'd be the first 3 lines of coding. ^^ That should help. (you also won't need to go into negative positioning like Ire suggest with this)
I'm not sure where you want to position them exactly, but try adding in this:
{margin-left:0px;}
This should also fix the problem of any content moving around as you resize the window.
And then from there, it should be easier to readjust the positions of your treasure and minion sections. If you want to move them to the left when it seems like you can't, try negative numbers like margin-left:-10px.