/    Sign up×
Community /Pin to ProfileBookmark

resizing the window messes up EVERYTHING!

Copy linkTweet thisAlerts:
Jul 02.2005

[size=+2][b]Problem:[/b][/size]
Simple, goto my page at: [url]http://www.aplustv.com[/url]
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.

to post a comment
CSS

9 Comments(s) ↴

Copy linkTweet thisAlerts:
@IncaWarriorJul 02.2005 — 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 errors
Copy linkTweet thisAlerts:
@UltimaterauthorJul 02.2005 — Well here's my output: [url=http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.aplustv.com&usermedium=all]errors[/url]

I don't think any of it will fix my resizing problem though.

How do I fix up the page now?
Copy linkTweet thisAlerts:
@IncaWarriorJul 02.2005 — I was talking about the HTML actually, but you should fix those CSS errors too
Copy linkTweet thisAlerts:
@UltimaterauthorJul 02.2005 — It validates in the CSS checker now, let me get the HTML checker going now...
Copy linkTweet thisAlerts:
@UltimaterauthorJul 02.2005 — 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:

http://www.aplustv.com/public_stuff/aplustv_problem.png
Copy linkTweet thisAlerts:
@IncaWarriorJul 02.2005 — oh 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 that
Copy linkTweet thisAlerts:
@UltimaterauthorJul 03.2005 — Ok, 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.
Copy linkTweet thisAlerts:
@HaganeNoKokoroJul 03.2005 — 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.

[upl-file uuid=76e8f733-5f18-4c81-ac59-c828d113d209 size=7kB]aplus2.html.txt[/upl-file]
Copy linkTweet thisAlerts:
@UltimaterauthorJul 03.2005 — 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.
×

Success!

Help @Ultimater spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 6.1,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...