Problem:
Simple, goto my page at: <!-- m --><a class="postlink" href="http://www.aplustv.com">http://www.aplustv.com</a><!-- m -->
then resize the window to about half the size.
You'll notice that all my layer backgrounds resize with the window while the text inside the layers remains unchanged.
This is the output for me in both IE and Firefox.
Thank you in advance.In Opera it resizes alright (I think) but the text starts disapearing which makes me think you have overlapping tags or something, run it through the validator and fix some of the errorsWell here's my output: errors (<!-- m --><a class="postlink" href="http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.aplustv.com&usermedium=all">http://jigsaw.w3.org/css-validator/vali ... medium=all</a><!-- m -->)
I don't think any of it will fix my resizing problem though.
How do I fix up the page now?I was talking about the HTML actually, but you should fix those CSS errors tooIt validates in the CSS checker now, let me get the HTML checker going now...Alight, it validates in the HTML and CSS validaters now -- but the page still has the same problem as I mentioned earlier in my first post regarding the window resizing.
Here's a screenshot to show you my problem:
<!-- m --><a class="postlink" href="http://www.aplustv.com/public_stuff/aplustv_problem.pngoh">http://www.aplustv.com/public_stuff/apl ... blem.pngoh</a><!-- m --> that's the problem? just specify a fixed with and it'll work. For cool browsers like Opera and firefox, you could do min-width, but IE doesn't understand thatOk, I fixed that by adding width: 780px; and the page looks perfect in Firefox but I still got an another resizing issue in Internet Explorer. All my "boxes" get pushed down in Internet Explorer when I shrink the window's width but not in Firefox. Thanks for your help so far IncaWarrior, the page looks 200 times better than before because of your help. I'm still stuck on this last issue, I have no clue where to start....
btw: I revalidated my HTML and CSS.Go strict or go home
Here's your page, re-done with more CSS, and the strict doctype. the code could probably use a little tidying up, but not too much.
It seems good in IE6, Firefox, and Netscape7.You sure re-did my entire page HaganeNoKokoro, I sure owe you one. It must have taken you a good hour or so... It looks great in both IE and Firefox for me, and I'll take your word for it that it also looks good in Netscape. I'll need some more time to analyze the major changes you've made. Thank you for your time, HaganeNoKokoro, as well as the code. IncaWarrior, you were excellent guidance the whole way through.
Simple, goto my page at: <!-- m --><a class="postlink" href="http://www.aplustv.com">http://www.aplustv.com</a><!-- m -->
then resize the window to about half the size.
You'll notice that all my layer backgrounds resize with the window while the text inside the layers remains unchanged.
This is the output for me in both IE and Firefox.
Thank you in advance.In Opera it resizes alright (I think) but the text starts disapearing which makes me think you have overlapping tags or something, run it through the validator and fix some of the errorsWell here's my output: errors (<!-- m --><a class="postlink" href="http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.aplustv.com&usermedium=all">http://jigsaw.w3.org/css-validator/vali ... medium=all</a><!-- m -->)
I don't think any of it will fix my resizing problem though.
How do I fix up the page now?I was talking about the HTML actually, but you should fix those CSS errors tooIt validates in the CSS checker now, let me get the HTML checker going now...Alight, it validates in the HTML and CSS validaters now -- but the page still has the same problem as I mentioned earlier in my first post regarding the window resizing.
Here's a screenshot to show you my problem:
<!-- m --><a class="postlink" href="http://www.aplustv.com/public_stuff/aplustv_problem.pngoh">http://www.aplustv.com/public_stuff/apl ... blem.pngoh</a><!-- m --> that's the problem? just specify a fixed with and it'll work. For cool browsers like Opera and firefox, you could do min-width, but IE doesn't understand thatOk, I fixed that by adding width: 780px; and the page looks perfect in Firefox but I still got an another resizing issue in Internet Explorer. All my "boxes" get pushed down in Internet Explorer when I shrink the window's width but not in Firefox. Thanks for your help so far IncaWarrior, the page looks 200 times better than before because of your help. I'm still stuck on this last issue, I have no clue where to start....
btw: I revalidated my HTML and CSS.Go strict or go home
Here's your page, re-done with more CSS, and the strict doctype. the code could probably use a little tidying up, but not too much.
It seems good in IE6, Firefox, and Netscape7.You sure re-did my entire page HaganeNoKokoro, I sure owe you one. It must have taken you a good hour or so... It looks great in both IE and Firefox for me, and I'll take your word for it that it also looks good in Netscape. I'll need some more time to analyze the major changes you've made. Thank you for your time, HaganeNoKokoro, as well as the code. IncaWarrior, you were excellent guidance the whole way through.