I am designing band layouts and coding them. I have a parent DIV and 3 child DIVS. (1 gif and 2 scrollboxes) It seems that no matter what I do, it doesn't turn out right. I use firefox, by the way. So, originally I had everything 'position:absolute'. I positioned it so the child DIVS lined up where they should land in the parent. But, other people with smaller/larger screens told me it did not line up. I tried to fix by setting everything to 'position:relative', but essentially the same problem came up. It looked right on my screen (except, everything was wrong when I opened up my secondary browser, IE7), and it still looked wrong on other people's screens. Keep in mind: I have the Parent, the base layout, with sliced buttons (those work), along with the child DIVS on top: 2 scroll boxes and a GIF animation displaying the logo. If you have some present skill in HTML, I would love for you to help. Please do not recommend codes from other sites, because that will not help me in this case. Thank you for your time and patience to those who Read and answer this.
Regarding chillininvt's comment of having the child DIVS relative to the absolute Parent, I have tried this, and similarly, they shift depending on screen resolution, and also the amount of zoom. Let me try to give an example.
--------------- <this will be the parent
O <this will be the child
My screen ~ -----O----- (this is correct)
Someone else's smaller screen~ --------O-- (this is not)
It seems that on screens smaller than mine (I have a 22" widescreen monitor) the child DIVS always shift to the right.
Note the text in the orange boxes, along with the logo near the top.
This is what it should look like.
http://i333.photobucket.com/albums/m369/brandonyatesphotos/should.jpg
This is what many people are seeing.
http://i333.photobucket.com/albums/m369/brandonyatesphotos/should2.jpg
(disregard the cut off part of the 2nd image)
Regarding chillininvt's comment of having the child DIVS relative to the absolute Parent, I have tried this, and similarly, they shift depending on screen resolution, and also the amount of zoom. Let me try to give an example.
--------------- <this will be the parent
O <this will be the child
My screen ~ -----O----- (this is correct)
Someone else's smaller screen~ --------O-- (this is not)
It seems that on screens smaller than mine (I have a 22" widescreen monitor) the child DIVS always shift to the right.
Note the text in the orange boxes, along with the logo near the top.
This is what it should look like.
http://i333.photobucket.com/albums/m369/brandonyatesphotos/should.jpg
This is what many people are seeing.
http://i333.photobucket.com/albums/m369/brandonyatesphotos/should2.jpg
(disregard the cut off part of the 2nd image)