Ok well not sure if anyone can help me out here but thought I would ask anyways. I decided to try to beautify a myspace account (I know I know bad idea). I got the idea to basically cover what I want with div layers and make it look however I please. So I decided to do a little test just to see if it was possible.
I copied the myspace html and set up a page (<!-- m --><a class="postlink" href="http://modernmorph.com/template.html">http://modernmorph.com/template.html</a><!-- m -->) on my server to make life easyer. Now on myspace you are only allowed to add css and html inbetween the "about me" section. If you look at the source code you will see the part that I added inbetween <!-- MY ADDED CODE --> and <!-- END MY ADDED CODE -->. Everything must be inbetween those comments. To start I just wanted to make sure I could center a div and place it over or under what I wanted. Everything was fine and dandy untill I checked it with I.E.
It seems to me that I.E. is not recognizing the div id test's width of 100%. Almost like its setting the width to 800px (the width of div id test2). Anyone have any ideas? Any help would be appreciated.You're kind of screwed because you don't have a doctype on the page and I suspect the host won't let you insert one at the top of the page.Well added a doctype to my test page and it didn't make much of a difference...Actually there are so many HTML problems with that page that it's a miracle that it sort of displays correctly in Fx.Well I am interested in finding a solution here. I set up another TEST PAGE (<!-- m --><a class="postlink" href="http://www.modernmorph.com/myspace/test.html">http://www.modernmorph.com/myspace/test.html</a><!-- m -->). I made a set of tables and placed my divs inside the tables to simulate the myspace page.
You can see the outcome is still the same in I.E. I assume it has something to do with the absolute position, but it still seems like its not recognizing the 100% value... Does anyone have any ideas on centering that div?Well after some creative thinking I came up with this lol
position:absolute;
left: 50%;
top: 0;
width: 800px;
height: 100%;
margin-left:-400px;
Silly but works!
I copied the myspace html and set up a page (<!-- m --><a class="postlink" href="http://modernmorph.com/template.html">http://modernmorph.com/template.html</a><!-- m -->) on my server to make life easyer. Now on myspace you are only allowed to add css and html inbetween the "about me" section. If you look at the source code you will see the part that I added inbetween <!-- MY ADDED CODE --> and <!-- END MY ADDED CODE -->. Everything must be inbetween those comments. To start I just wanted to make sure I could center a div and place it over or under what I wanted. Everything was fine and dandy untill I checked it with I.E.
It seems to me that I.E. is not recognizing the div id test's width of 100%. Almost like its setting the width to 800px (the width of div id test2). Anyone have any ideas? Any help would be appreciated.You're kind of screwed because you don't have a doctype on the page and I suspect the host won't let you insert one at the top of the page.Well added a doctype to my test page and it didn't make much of a difference...Actually there are so many HTML problems with that page that it's a miracle that it sort of displays correctly in Fx.Well I am interested in finding a solution here. I set up another TEST PAGE (<!-- m --><a class="postlink" href="http://www.modernmorph.com/myspace/test.html">http://www.modernmorph.com/myspace/test.html</a><!-- m -->). I made a set of tables and placed my divs inside the tables to simulate the myspace page.
You can see the outcome is still the same in I.E. I assume it has something to do with the absolute position, but it still seems like its not recognizing the 100% value... Does anyone have any ideas on centering that div?Well after some creative thinking I came up with this lol
position:absolute;
left: 50%;
top: 0;
width: 800px;
height: 100%;
margin-left:-400px;
Silly but works!