Confused, Xanga related |
Confused, Xanga related |
![]()
Post
#1
|
|
Member ![]() ![]() Group: Member Posts: 14 Joined: Aug 2005 Member No: 218,694 ![]() |
Okay, so I made this layout on Xanga. View it here for referance purposes
The problem is when I resize my browser the div's don't stay in place with the part of the image where it's supposed to be. Can anyone help me with this problem? I know a lot of people have the same problem. |
|
|
![]() |
![]()
Post
#2
|
|
![]() You'll find me in your dreams. ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Official Member Posts: 8,536 Joined: Mar 2005 Member No: 114,010 ![]() |
I never said it would interupt browser issues. I said it was better to worry about that than resizing issues, because few resize their browser window while viewing pages.
What if I want it pushed to right? ![]() And.... Does it not work if you combine the align="left" into the rest of the code or something? CODE <div style="position:static; margin-left:-10px; margin-right:0px; margin-top:-192px;" align="left"><IMG SRC='http://i23.photobucket.com/albums/b374/TheDerekEffect1/spideyblog2.jpg' border=0 width=750 height=900 USEMAP='#imgmap'></div> And what exactly does this do? CODE <div style="height: #px"></div> And don't call me Nyah. Especially without capitalizing it. |
|
|
![]()
Post
#3
|
|
Member ![]() ![]() Group: Member Posts: 14 Joined: Aug 2005 Member No: 218,694 ![]() |
QUOTE(nyah-nek0 @ Aug 30 2005, 10:02 PM) I never said it would interupt browser issues. I said it was better to worry about that than resizing issues, because few resize their browser window while viewing pages. What if I want it pushed to right? ![]() And.... Does it not work if you combine the align="left" into the rest of the code or something? CODE <div style="position:static; margin-left:-10px; margin-right:0px; margin-top:-192px;" align="left"><IMG SRC='http://i23.photobucket.com/albums/b374/TheDerekEffect1/spideyblog2.jpg' border=0 width=750 height=900 USEMAP='#imgmap'></div> And what exactly does this do? CODE <div style="height: #px"></div> And don't call me Nyah. Especially without capitalizing it. 1) Align your table at the beginning to the right. This is all stuff you can figure out on your own if you have any HTML knowledge what-so-ever. 2) It puts your background in a div. I explained that already. I didn't even think about this but you could just change the div coordinates like the rest of your code without putting the table in there. 3) Not everyone keeps their browser maximized all the time. That's what I was worried about. 4) "Does it not work if you combine the align="left" into the rest of the code or something?" - As explained above (You really didn't read the side comments did you?), what happens is that the background is centered while the div's stay in place. Therefor when you resize the browser the background moves and the div's still dont stay aligned with the part of the background you want them on. 5) If you don't want to be called "Nyah", then don't make your screename "nyah-nek0". Common sense. PS. My solution to the problem isnt intended for people who have everything aligned to the right. when aligned to the right it usually stays that way. its intended for people who have the problem that when resizing the browser (when its not maximized) the divs dont tend to stay aligned with the part of the background picture they want it on. either way by putting your background image into it's own div and putting an align=left code in it you can place anything wherever you want it on the page and nothing will move out of place. It's just a helpful solution to a common problem. It's not meant to solve every problem you have with div's or backgrounds. If you STILL have a problem after doing this you may have to figure it out on your own but that's what i did to solve MY problem that many other people seem to have. I looked at other peoples coding in the skin database and they could benefit from it. |
|
|
![]() ![]() |