zcr7 Posted June 6, 2006 Share Posted June 6, 2006 I'm using Absolute Postitioning, and, well, I have a new shoutbox on my website. I entered the code, and put positioning, I want my shoutbox to be nearly at the top. But, when I enter a pixel number, (Ex. 30px top) it goes up. But, I can't go up any more. When I insert 1px Top it still is not at the top of the page. What's the problem? Here is the link of my front page to show you.My WebpageIf you scroll down there is the shoutbox. I'm trying to get it by my poll. Link to comment Share on other sites More sharing options...
Err Posted June 6, 2006 Share Posted June 6, 2006 <html><div style="position:absolute;left:83;top:535;width:88;height:31;"><!-- Harvest Moon Evergreen --><a href='http://hmevergreen.com' title='Harvest Moon Evergreen'><img src='http://img.photobucket.com/albums/v352/SafaiaRyuujin/evergreen.png' width='88' alt='Harvest Moon Evergreen' height='31' border='0' /></a><!-- / Harvest Moon Evergreen --></html><html><body><div style="position:absolute;left:150;top:10;"><!-- Start Shoutbox Include --><iframe src="http://www.shoutmix.com/box/animalmelodyshoutbox/" width="200" height="400" scrolling="yes" frameborder="1"><p><a href="http://www.shoutmix.com/box/animalmelodyshoutbox/">View shoutbox</a></p></iframe><!-- End Shoutbox Include --></body></html> You can only use the <html> and </html> only once, same also goes for <body> and </body>.You have it on there 2 more times, That's probably what's messing you up. Also you needed to add the end tags for your <div>'s. Try and see if that helps. It should look like the below code I have here (those last </body> and </html> tags are needed there): <div style="position:absolute; left:83px; top:535px; width:88px; height:31px;"> <a href='http://hmevergreen.com' title='Harvest Moon Evergreen'><img src='http://img.photobucket.com/albums/v352/SafaiaRyuujin/evergreen.png' width='88' alt='Harvest Moon Evergreen' height='31' border='0' /></a></div><!-- Start Shoutbox Include --><div style="position:absolute; left:150px; top:10px;"> <iframe src="http://www.shoutmix.com/box/animalmelodyshoutbox/" width="200" height="400" scrolling="yes" frameborder="1"> <p><a href="http://www.shoutmix.com/box/animalmelodyshoutbox/">View shoutbox</a></p> </iframe></div><!-- End Shoutbox Include --></body></html> Link to comment Share on other sites More sharing options...
zcr7 Posted June 6, 2006 Author Share Posted June 6, 2006 THANKS:D Link to comment Share on other sites More sharing options...
zcr7 Posted June 6, 2006 Author Share Posted June 6, 2006 Wait, all it did was move it. It' at 1 pixel top and it's stillnear the bottem. Link to comment Share on other sites More sharing options...
Err Posted June 8, 2006 Share Posted June 8, 2006 (edited) Wait, all it did was move it. It' at 1 pixel top and it's stillnear the bottem.<{POST_SNAPBACK}> Well I was just posting what I saw wrong with it, I didn't promise it would work. You're layout would look so much better if you lost the absoulte positionings and used tables or divs with floats for a better looking, fast loading, easy editing layout. It would lessen the problems you would have and not have to worry about manually positioning things.Here is a example page of what I mean:[removed] Edited November 12, 2009 by RahXephon Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now