qazs
asked on
Frame Alignment Problem
My webpage consists of 2 frames, top and bottom.
When I disable the status bar, I get a gap in between the frames, and the frames will only seam when I allow the status bar.
Is there anyway I can overcome this?
Also, I realize that the alignment of tables is different when viewed In IE and Firefox. In IE, my table appears to be slightly higher... Are any of you having this alignment problem as well?
Here's the link to my unfinished site. Click on Leave A Message.
http://ncy.freeunixhost.com/main.htm
Try viewing it in IE and Mozilla Firefox, you will notice the alignment of the
table is not the same.
Thanks
When I disable the status bar, I get a gap in between the frames, and the frames will only seam when I allow the status bar.
Is there anyway I can overcome this?
Also, I realize that the alignment of tables is different when viewed In IE and Firefox. In IE, my table appears to be slightly higher... Are any of you having this alignment problem as well?
Here's the link to my unfinished site. Click on Leave A Message.
http://ncy.freeunixhost.com/main.htm
Try viewing it in IE and Mozilla Firefox, you will notice the alignment of the
table is not the same.
Thanks
Hello qazs,
I agree with Roonan, Nice design. However two things.
1. On your frameset definition, you have the following:
<frameset rows="429,157" framespacing="1" frameborder="no" border="1">
When I altered it to the following it didn't seem to affect it much, but better safe than sorry.
<frameset rows="429,157" framespacing="0" frameborder="false" border="0">
2. More importantly, the in the top frame contents (home.php) you have two height definitions of :
line 91:
<td height="174" ...etc...
line 100:
<td width="385" height="256" ...etc...
These add up to 430 pixels when your frameset definition is only set to 429 pixels. The extra 1 pixel sized line is caused by the contents of the table in the top frame being larger than the backround image you selected (also only 429 pixels in height)
Cheers!
-Mark
I agree with Roonan, Nice design. However two things.
1. On your frameset definition, you have the following:
<frameset rows="429,157" framespacing="1" frameborder="no" border="1">
When I altered it to the following it didn't seem to affect it much, but better safe than sorry.
<frameset rows="429,157" framespacing="0" frameborder="false" border="0">
2. More importantly, the in the top frame contents (home.php) you have two height definitions of :
line 91:
<td height="174" ...etc...
line 100:
<td width="385" height="256" ...etc...
These add up to 430 pixels when your frameset definition is only set to 429 pixels. The extra 1 pixel sized line is caused by the contents of the table in the top frame being larger than the backround image you selected (also only 429 pixels in height)
Cheers!
-Mark
BTW, I altered line 100 to have a height of 255 and it solved the problem.
-Mark
-Mark
ASKER
Hey thanks.
I used: style="position:absolute;b ottom:0px; margin-lef t:auto;mar gin-right: auto;" and it works perfectly,
but only on Mozilla Firefox. When viewed in IE, the page just aligned itself to the left..... :(
How do I overcome this?
I used: style="position:absolute;b
but only on Mozilla Firefox. When viewed in IE, the page just aligned itself to the left..... :(
How do I overcome this?
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
<table width="620" height="429" border="0" align="center" cellpadding="0" cellspacing="0" background="images/top.jpg
should be changed to
<table width="620" height="429" border="0" align="center" cellpadding="0" cellspacing="0" background="images/top.jpg
You'd also have to make sure your body tag has padding and margin set to 0, but this is quite easy. (<body style="margin:0px;padding:
regards
-r-
ps: impressive design!