Cross Platform Nightmare
I have a site that I have re-designed *soo* many times, trying to get it to work right on all platforms... well okay, I'm focusing on IE5+, NS4.75, NS6, and Opera5.
Okay, I'm trying to make this page scaleable... the problem is there are 3 "steps" that go across the bottom of the header section, and it's only the center "step" that needs to expand, the right and left "steps" are at set widths for various reasons. I'm doing this using cell coloring, (have tried cell bg images as well) and I made sure that the tables aren't nestled to try to appease NS4+... it didn't work. On IE it looks perfect, especially once I set the right margin to 0 as well as the left... NS6 handles it next best, except it gives it about a 3px gutter on the right margin. Next is Opera, which fills the right margin beautifully, but gives a 1px gap between the left and center steps... and NS 4.75 which is absolutely the worst, it gives a huge gap, dependent on resolution, between the center and right steps, which at 1024 is over 25px wide! I've tried about every way I and my mentor can think of to make this thing scale correctly, rebuilding the tables over and over again... does anyone have any suggestions or resources to solve this problem?? Any suggestions are appreciated!
Thank you in advance!
Sherry
Pooh was a bear of *Enormous* brain... ponder that.
The Webmistress posted this at 09:23 — 5th February 2002.
She has: 5,586 posts
Joined: Feb 2001
Welcome to TWF Sherry,
Can you post the url to the site so that we can look at it and get a better understanding of the problem??
StarMaiden posted this at 09:37 — 5th February 2002.
They have: 9 posts
Joined: Feb 2002
didn't mean to be so daft not putting the url in, sorry
and thank you for the welcome - you know how it is, 4:30am trying to figure this thing out so that I can move on to the next project... I should have mentioned that this is my first post 
url: http://www.angelzvision.com/viztun/site/about/
currently all I have up are templates... the content is on hold until we can either fix the scaling problem or else swallow it and center the thing at 800x600, but that doesn't really solve much since this is something that *should* be easily accomplished (?)...
Thank you for replying
!
Pooh was a bear of *Enormous* brain... ponder that.
The Webmistress posted this at 09:43 — 5th February 2002.
She has: 5,586 posts
Joined: Feb 2001
Nothing is easy when it comes to this kind of thing in my experience!! I'll have to have a play around with it and I'll get back to you unless someone else solves it before hand
Julia - if life was meant to be easy Michael Angelo would have painted the floor....
Busy posted this at 10:19 — 5th February 2002.
He has: 6,151 posts
Joined: May 2001
Welcome
I had a sneak peek (am on my way to bed) in NS4.7, IE5 and Opera6 all displayed the same except for some slight coloring differences, i use 800x600 but checked next size up as well. ns and opera dont display the scroll bars as there is no scrolling needed but no gaps
looking at the source code a few things I could point out (not related)
rightmargin="0" bottommargin="0" arent needed, the other 4 you have include these
your missing a # in your body bgcolor and td bgcolor tags, and your font tags
height="100%" isnt advised, it works but can throw thing sout
you can css for background images, this works in NS4.7 and up (not sure about any lower)
'a' isnt a css tag, a:link, a:active, a:visted, a:hover are, 'a' by itself is an empty tag, a container, not a link as 'a' is used for other things besides links.
valign="middle" isnt needed as its the default, unless your upper tag is aligned different
nice design btw
Abhishek Reddy posted this at 11:50 — 5th February 2002.
He has: 3,348 posts
Joined: Jul 2001
Busy, those two are needed for IE6... sometimes. I've noticed in IE6 that some pages show up with a right and bottom margin... and some don't. I'm uncertain exactly what criteria IE6 follows for those margins but I'd advise using them.
I know this because I had a problem with a rightmargin showing up in IE6 in one of my sites, and I solved it by setting it to 0.
:confused:
...Then again, some other pages don't have this problem, and they don't have rightmargin settings either.
StarMaiden posted this at 12:04 — 5th February 2002.
They have: 9 posts
Joined: Feb 2002
...yes, that's precisely why I set the right & bottom margins... I want the page to nicely fill the right side of the browser or else the cleanness of scaling is compromised
now if I could just solve these gaping *bleh* spaces
I haven't tried Opera 6 yet, but Opera 5 has issues with this page, and since my b/f (his site) has a lot of Linux friends, Opera & NS 4.7 are seriously important audiences to consider... of course 4.7 is the absolute worst - just my luck!
"can't we all (browsers) just get along???" [ha!]
hehe
Pooh was a bear of *Enormous* brain... ponder that.
detox posted this at 12:34 — 5th February 2002.
They have: 571 posts
Joined: Feb 2001
Sorry StarMaiden, but I haven't got Opera loaded. Will have a look at the code though, we'll all see what we can come up with...
StarMaiden posted this at 13:52 — 5th February 2002.
They have: 9 posts
Joined: Feb 2002
I'm so happy I signed on to these boards, I was really afraid I'd be flamed for this question!
Working hard on a solution myself w/ some others - if I find out b4 anyone else, I will post the results to help others who may have the same issuess
Thanks all!
Sherry
Pooh was a bear of *Enormous* brain... ponder that.
detox posted this at 14:24 — 5th February 2002.
They have: 571 posts
Joined: Feb 2001
Flame you!?! we wouldn't do that! Not until you've lowered your guard and let your defenses down at least!
Busy posted this at 21:54 — 5th February 2002.
He has: 6,151 posts
Joined: May 2001
right margin, left margin, what next lol, oh well all will be phased out with XHTML anyways (have to use css then)
i couldnt find the problem at all last night, as the bottom images are all black (cant even read the top right section), so I downloadd it now (the page) and lightened the graphics and found the gap - woohoo
ok easy fix
the td cell that holds table of the about image, give it width of 100%, and give it a bgcolor of black, also the td cell that holds the table for the links, give that a 100% width as well, you;ll have to add some align=center tags in your link table cells (or loose that table all together) as opera (odd one out) isnt aligning them all centered, works perfect in NS4.7, NS6, IE5 and apart from the alignment of links in opera6 (as Opera6) is all the same, works on 800x600 and 1024x768 the same (Opera6 letting the team down lol)
you dont need to use as many tables as your using, especialy for thing like these links, the middle step, about image etc, you should also use quotes on tags,
The Webmistress posted this at 09:28 — 6th February 2002.
She has: 5,586 posts
Joined: Feb 2001
You beat me to it busy! Don't forget to let us know the finished result Sherry
StarMaiden posted this at 10:07 — 6th February 2002.
They have: 9 posts
Joined: Feb 2002
I'm going to try the fix when I return on Friday... I have a "surprise" funeral 3 hours away that I'm leaving for early this afternoon - so the "fix" will have to wait a couple days. I will most certainly let you guys know how it goes!
Thanks again,
Sherry
Pooh was a bear of *Enormous* brain... ponder that.
StarMaiden posted this at 00:12 — 18th February 2002.
They have: 9 posts
Joined: Feb 2002
Well, I tried it and it didn't seem to work on my version. I'm going to re-slice the image and try to re-construct the thing again, I can't imagine why this is being *such* a pain, and of course since it's for my guy, well, you know...
I'll let you guys know where I'm at with it soon, thank you
Pooh was a bear of *Enormous* brain... ponder that.
Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.