Log In · Register

 
Confused, Xanga related
PimpMyXan_ga
post Aug 29 2005, 04:09 PM
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.
 
 
Start new topic
Replies
talcumpowder
post Aug 30 2005, 10:02 PM
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? mellow.gif What if I want it at the bottom right-hand corner of the screen?
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.
 
PimpMyXan_ga
post Aug 31 2005, 12:29 AM
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? mellow.gif What if I want it at the bottom right-hand corner of the screen?
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.
 

Posts in this topic


Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: