[x]
Posted via EE Mobile

Search, ask, and monitor your questions on the go with EE Mobile. Visit Experts Exchange from your mobile device and never be out of touch again.
Question
[x]
Attachment Details
[x]
The Solution Rating System

With so many solutions, how can you tell which solutions are most likely to help you and which ones are not? To provide you with a tool to use, we rate our solutions based on various elements that most accurately determine if a solution is a quality solution. To explain what factors affect the solution rating, here are the elements we take into consideration when formulating our solution rating.

  • The Grade of the Solution
  • The Zone Rank of the Expert Providing the Solution
  • The Number of Author and Expert Comments
  • The Number of Experts Contributing
  • The Feedback of the Community

Your Input Matters
Because of the way the system is set up, the most important variable in this equation is you. As a member of Experts Exchange, you are able to cast your vote on the quality of the solutions in regard to how complete, accurate, helpful and easy to understand each solution is. When you provide your feedback, each rating is adjusted accordingly. So, if you see a solution that has a poor rating that you think is a good solution, let us know by rating it. As you do, the rating will be adjusted and will become more accurate for other members of our site.

If you have any suggestions that you would like to make for our rating system, please ask a question in the Suggestions Zone of Community Support.

Thank you!
7.8

Gray border display issue in FireFox and Netscape 7.2...

Asked by learningJS2003 in Cascading Style Sheets (CSS)

Tags: firefox, borders, css, gray

Hi, I have a frameset that has 2 frames.  The frame on the right has contents that have gray borders around them.  The issue is that in FireFox and Netscape 7.2, if a user drags the left side of the window(making the right frame smaller), then these gray borders grow smaller but do not border around the contents in the "NAME, TITLE, DATE" columns group.  Instead the borders seem to go into the contents.  This does not happen in IE because the gray border still borders around this group even when minimized.  

I was wondering if there is a way to make the code act like what happens in Internet Explorer. I have provided sample code below for reference.  Any comments or suggestions are very appreciated.  If possible, can you please provide some sample code?

I have included 2 html codes, frameset.html and resultSet.html

Thanks so much,
LJ

************ frameSet.html ***************
<HTML>
<HEAD>
  <TITLE>Testing Frames
  </TITLE>
</HEAD>
<FRAMESET COLS="422, *" FRAMEBORDER="no">
  <FRAME SRC="blank.html"  NAME=""  SCROLLING="auto">
  <FRAME SRC="resultSet.html" NAME="rs" SCROLLING="auto" onLoad="">
</FRAMESET>

</HTML>





*************** resultSet.html ************
<HTML>
<HEAD>

<style>

.detail_div {
  position:absolute;
}


.blk_srt_select {
  color:#000000;
  background-color:#FFFFFF;
  font-family:Arial, Helvetica, Sans-Serif;
  font-size:12px;
}

A.blk_type_date:LINK{color:#000000;}
A.blk_type_date:ACTIVE{color:#000000;}
A.blk_type_date:VISITED{color:#000000;}
A.blk_type_date:HOVER{color:#000000;}

A {
  font-family:Arial, Helvetica, Sans-Serif;
  font-size:12px;
  color:#0000FF;
  text-decoration:none;
}

A:LINK {
  font-family:Arial, Helvetica, Sans-Serif;
  font-size:10px;
  color:#0000FF;
  text-decoration:none;
}

A:VISITED {
  font-family:Arial, Helvetica, Sans-Serif;
  font-size:10px;
  color:#0000FF;
  text-decoration:none;
}

A:ACTIVE {
  font-family:Arial, Helvetica, Sans-Serif;
  font-size:10px;
  color:#0000FF;
  text-decoration:none;
}

A:HOVER {
  font-family:Arial, Helvetica, Sans-Serif;
  font-size:10px;
  color:#0000FF;
  text-decoration:none;
}


.blk_body {
  color:#000000;
  background-color:#FFFFFF;
  font-family:Arial, Helvetica, Sans-Serif;
  font-size:12px;
}

.blk_div {
  color:#000000;
  background-color:#FFFFFF;
  font-family:Arial, Helvetica, Sans-Serif;
  font-size:12px;
  border:1px solid #999999;
  padding:0px 3px 0px 3px;
}

.click_msg {
  color:#000000;
  background-color:#FFFFFF;
  font-family:Arial, Helvetica, Sans-Serif;
  font-size:12px;
  font-weight:bold;
}

.blk_srt_prompt {
  color:#000000;
  background-color:#FFFFFF;
  font-family:Arial, Helvetica, Sans-Serif;
  font-size:12px;
  font-weight:bold;
}

.blk_this_page {
  color:#FF0000;
  background-color:#FFFFFF;
  font-family:System, Arial, Helvetica, Sans-Serif;
}

.blk_table_head {
  color:#000000;
  background-color:#CCCCCC;
  font-family:System, Arial, Helvetica, Sans-Serif;
  font-size:12px;
}

.block {
  background-color:#FFFFFF;
  font-family:Arial, Helvetica, Sans-Serif;
  font-size:12px;
}

.block0 {
  background-color:#CCCCCC;
  font-family:Arial, Helvetica, Sans-Serif;
  font-size:12px;
}

</style>

<LINK REL="stylesheet" TYPE="text/css" HREF=""/>

</HEAD>
<BODY LEFTMARGIN=0 TOPMARGIN=0 MARGINHEIGHT=0 MARGINWIDTH=0 CLASS="blk_body" >
<FORM METHOD="post" NAME="srtForm" ACTION="">
<MAP NAME="srtTitle">
<AREA SHAPE="poly" COORDS="1,2,23,2,12,13" HREF="" TITLE="">
<AREA SHAPE="poly" COORDS="20,13,42,13,31,2" HREF="" TITLE="">
</MAP>
<MAP NAME="srtType">
<AREA SHAPE="poly" COORDS="1,2,23,2,12,13" HREF="" TITLE="">
<AREA SHAPE="poly" COORDS="20,13,42,13,31,2" HREF="" TITLE="">
</MAP>
<MAP NAME="srtDate">
<AREA SHAPE="poly" COORDS="1,2,23,2,12,13" HREF="" TITLE="">
<AREA SHAPE="poly" COORDS="20,13,42,13,31,2" HREF="" TITLE="">

</MAP>
<DIV>
<TABLE>
<TR>
<TD>
</TD>
</TR>
</TABLE>
</DIV>
<DIV CLASS="blk_div" STYLE="position:relative;left:1%;width:98%;">
<TABLE>
<TR>
<TD CLASS="click_msg">
<FONT COLOR="#0000FF">(1 - 20)</FONT> of <FONT COLOR="#0000FF">130</FONT> were  found</TD>

</TR>
</TABLE>
</DIV>
<DIV>
<TABLE>
<TR>
<TD>
</TD>
</TR>
</TABLE>
</DIV>
<DIV CLASS="blk_div" STYLE="position:relative;left:1%;width:98%;">
<TABLE>
<TR>
<TD CLASS="blk_srt_prompt">
ResSet srt preference</TD>

<TD>
<SELECT NAME="CC_SRT_PREF" CLASS="blk_srt_select">
<OPTION VALUE="name" SELECTED>
By Name</OPTION>
<OPTION VALUE="title">
By Title</OPTION>
<OPTION VALUE="date">
By Date</OPTION>
</SELECT>
</TD>
<TD>
<SELECT NAME="CC_SRT_TYPE" CLASS="blk_srt_select">
<OPTION VALUE="LH" SELECTED>
Low-to-High</OPTION>

<OPTION VALUE="HL">
High-to-Low</OPTION>
</SELECT>
</TD>
<TD>
<A CLASS="CC2" TITLE="" HREF="">
Srt</A>
</TD>
</TR>
</TABLE>
</DIV>
<DIV>
<TABLE>
<TR>
<TD>

</TD>
</TR>
</TABLE>
</DIV>
<DIV CLASS="blk_div" STYLE="position:relative;left:1%;width:98%;">
<TABLE WIDTH="100%" >
<TR>
<TD CLASS="blk_this_page">
1&nbsp;&nbsp;&nbsp;<A CLASS="CC2" HREF="">
2</A>
&nbsp;&nbsp;&nbsp;<A CLASS="CC2" HREF="">
3</A>
&nbsp;&nbsp;&nbsp;<A CLASS="CC2" HREF="">
4</A>

&nbsp;&nbsp;&nbsp;<A CLASS="CC2" HREF="">
5</A>
&nbsp;&nbsp;&nbsp;<A CLASS="CC2" HREF="">
6</A>
&nbsp;&nbsp;&nbsp;<A CLASS="CC2" HREF="">
7</A>
&nbsp;&nbsp;&nbsp;<A CLASS="CC2" HREF="">
NEXT&nbsp;&gt;&gt;</A>
</TD>
</TR>
</TABLE>
</DIV>
<DIV>

<TABLE>
<TR>
<TD>
</TD>
</TR>
</TABLE>
</DIV>
<DIV CLASS="blk_div" STYLE="position:relative;left:1%;width:98%;">
<TABLE id=rsTable  WIDTH="100%">
<TR>
<TD ALIGN="center" CLASS="blk_table_head">
<TABLE>
<TR>
<TD NOWRAP>
TITLE</TD>
<TD>

&nbsp;</TD>
<TD>
<A HREF="">
<IMG SRC="" BORDER=0 USEMAP="#srtTitle">
</A>
</TD>
</TR>
</TABLE>
</TD>
<TD ALIGN="center" CLASS="blk_table_head">
<TABLE>
<TR>
<TD NOWRAP>
TYPE</TD>
<TD>
&nbsp;</TD>

<TD>
<A HREF="">
<IMG SRC="" BORDER=0 USEMAP="#srtType">
</A>
</TD>
</TR>
</TABLE>
</TD>
<TD ALIGN="center" CLASS="blk_table_head">
<TABLE>
<TR>
<TD NOWRAP>
DATE</TD>
<TD>
&nbsp;</TD>
<TD>

<A HREF="javascript:void(0)">
<IMG SRC="" BORDER=0 USEMAP="#srtDate">
</A>
</TD>
</TR>
</TABLE>
</TD>
</TR>
<tr id=row1>
<TD WIDTH="70%" CLASS="block">
<TABLE>
<TR>
<TD>
<A TITLE="" HREF="javascript:void(0)" >
<IMG SRC="" BORDER=0 HEIGHT=20 WIDTH=20 HSPACE=0 VSPACE=0>
</A>
</TD>

<TD>
<A CLASS="CC2" TITLE="" HREF="javascript:void(0)" >
anydate</A>
</TD>
</TR>
</TABLE>
</TD>
<TD CLASS="block" NOWRAP>
<A CLASS="blk_type_date" HREF="javascript:void(0)">
DataBlk</A>
</TD>
<TD CLASS="block" NOWRAP>
<A CLASS="blk_type_date" HREF="javascript:void(0)">
Test Date Test Date Test Date Test Date</A>

</TD>
</TR>
<tr id=row2>
<TD WIDTH="70%" CLASS="block0">
<TABLE>
<TR>
<TD>
<A TITLE="" HREF="javascript:void(0)">
<IMG SRC="" BORDER=0 HEIGHT=20 WIDTH=20 HSPACE=0 VSPACE=0>
</A>
</TD>
<TD>
<A CLASS="CC2" TITLE="" HREF="javascript:void(0)" >
item0109</A>
</TD>
</TR>

</TABLE>
</TD>
<TD CLASS="block0" NOWRAP>
<A CLASS="blk_type_date" HREF="javascript:void(0)">
DataBlk</A>
</TD>
<TD CLASS="block0" NOWRAP>
<A CLASS="blk_type_date" HREF="javascript:void(0)">
Test Date Test Date Test Date Test Date</A>
</TD>
</TR>
<tr id=row3>
<TD WIDTH="70%" CLASS="block">
<TABLE>
<TR>

<TD>
<A TITLE="" HREF="javascript:void(0)">
<IMG SRC="" BORDER=0 HEIGHT=20 WIDTH=20 HSPACE=0 VSPACE=0>
</A>
</TD>
<TD>
<A CLASS="CC2" TITLE="Location=//.CC - itemgTest/Standard DataBlks/itemTest/item0109" HREF="javascript:void(0)">
item0109</A>
</TD>
</TR>
</TABLE>
</TD>
<TD CLASS="block" NOWRAP>
<A CLASS="blk_type_date" HREF="javascript:void(0)">
DataBlk</A>

</TD>
<TD CLASS="block" NOWRAP>
<A CLASS="blk_type_date" HREF="javascript:void(0)">
Test Date Test Date Test Date Test Date</A>
</TD>
</TR>
<tr id=row4>
<TD WIDTH="70%" CLASS="block0">
<TABLE>
<TR>
<TD>
<A TITLE="Location=//.CC - itemgTest/Standard DataBlks/itemTest/item0Test2" HREF="javascript:void(0)" >
<IMG SRC="" BORDER=0 HEIGHT=20 WIDTH=20 HSPACE=0 VSPACE=0>
</A>
</TD>
<TD>

<A CLASS="CC2" TITLE="Location=//.CC - itemgTest/Standard DataBlks/itemTest/item0Test2" HREF="javascript:void(0)" >
item0Test2</A>
</TD>
</TR>
</TABLE>
</TD>
<TD CLASS="block0" NOWRAP>
<A CLASS="blk_type_date" HREF="javascript:void(0)">
DataBlk</A>
</TD>
<TD CLASS="block0" NOWRAP>
<A CLASS="blk_type_date" HREF="javascript:void(0)">
Test Date Test Date Test Date Test Date</A>
</TD>

</TR>

<tr id=row5>
<TD WIDTH="70%" CLASS="block">
<TABLE>
<TR>
<TD>
<A TITLE="Location=//.CC - itemgTest/Standard DataBlks/itemTest/item0111" HREF="javascript:void(0)">
<IMG SRC="" BORDER=0 HEIGHT=20 WIDTH=20 HSPACE=0 VSPACE=0>
</A>
</TD>
<TD>
<A CLASS="CC2" TITLE="Location=//.CC - itemgTest/Standard DataBlks/itemTest/item0111" HREF="javascript:void(0)" >
item0111</A>
</TD>
</TR>
</TABLE>

</TD>
<TD CLASS="block" NOWRAP>
<A CLASS="blk_type_date" HREF="javascript:void(0)">
DataBlk</A>
</TD>
<TD CLASS="block" NOWRAP>
<A CLASS="blk_type_date" HREF="javascript:void(0)">
Test Date Test Date Test Date Test Date</A>
</TD>
</TR>


<tr >
<TD WIDTH="70%" CLASS="block0">
<TABLE>
<TR>
<TD>

<A TITLE="Location=//.CC - itemgTest/Standard DataBlks/itemTest/item0112" HREF="javascript:void(0)" >
<IMG SRC="" BORDER=0 HEIGHT=20 WIDTH=20 HSPACE=0 VSPACE=0>
</A>
</TD>
<TD>
<A CLASS="CC2" TITLE="Location=//.CC - itemgTest/Standard DataBlks/itemTest/item0112" HREF="javascript:void(0)" >
item0112</A>
</TD>
</TR>
</TABLE>
</TD>
<TD CLASS="block0" NOWRAP>
<A CLASS="blk_type_date" HREF="javascript:void(0)">
DataBlk</A>
</TD>

<TD CLASS="block0" NOWRAP>
<A CLASS="blk_type_date" HREF="javascript:void(0)">
Test Date Test Date Test Date Test Date</A>
</TD>
</TR>


<tr id=row7>
<TD WIDTH="70%" CLASS="block">
<TABLE>
<TR>
<TD>
<A TITLE="Location=//.CC - itemgTest/Standard DataBlks/itemTest/item0113" HREF="javascript:void(0)" >
<IMG SRC="" BORDER=0 HEIGHT=20 WIDTH=20 HSPACE=0 VSPACE=0>
</A>
</TD>
<TD>
<A CLASS="CC2" TITLE="Location=//.CC - itemgTest/Standard DataBlks/itemTest/item0113" HREF="javascript:void(0)" >

item0113</A>
</TD>
</TR>
</TABLE>
</TD>
<TD CLASS="block" NOWRAP>
<A CLASS="blk_type_date" HREF="javascript:void(0)">
DataBlk</A>
</TD>
<TD CLASS="block" NOWRAP>
<A CLASS="blk_type_date" HREF="javascript:void(0)">
Test Date Test Date Test Date Test Date</A>
</TD>
</TR>

</TABLE>
</DIV>
<INPUT TYPE="hidden" NAME="CC_REQUEST_TYPE" VALUE="CC_DO_SEARCH">
<INPUT TYPE="hidden" NAME="CC_ACTION" VALUE="CC_SRTED_SEARCH">
</FORM>

<DIV ID="favorites">
</DIV>
<DIV ID="detail" CLASS="detail_div" STYLE="visibility:'hidden';">
</DIV>
<iframe id='deleteDataBlk' src="" height=0 width=1 style='visibility:hidden'></iframe>

</BODY>
</HTML>
[+][-]01/27/05 04:31 PM, ID: 13158812Accepted Solution

View this solution now by starting your 30-day free trial. Setting up your free trial is quick, easy, and secure. We will return you to this solution, unlocked, when you're done.

About this solution

Zone: Cascading Style Sheets (CSS)
Tags: firefox, borders, css, gray
Sign Up Now!
Solution Provided By: GrandSchtroumpf
Participating Experts: 3
Solution Grade: A
 
[+][-]01/27/05 09:37 AM, ID: 13154811Assisted Solution

Assisted solutions are selected by the member who asked the question as a comment that contributed to their question's solution.

Start your 30-day free trial to view this Assisted Solution or ask the Experts your question.

 
[+][-]01/27/05 09:45 AM, ID: 13154888Author Comment

Often, when Experts are collaborating with members who have asked questions, they will request additional information about the problem. Askers respond with an author comment like this one.

Start your 30-day free trial to view this Author Comment or ask the Experts your question.

 
[+][-]01/27/05 09:47 AM, ID: 13154914Author Comment

Often, when Experts are collaborating with members who have asked questions, they will request additional information about the problem. Askers respond with an author comment like this one.

Start your 30-day free trial to view this Author Comment or ask the Experts your question.

 
[+][-]01/27/05 11:40 AM, ID: 13156150Expert Comment

At Experts Exchange, members can ask their questions to thousands of technology professionals, also known as Experts. Experts compete and collaborate to answer those questions by leaving comments like this one.

Start your 30-day free trial to view this Expert Comment or ask the Experts your question.

 
[+][-]01/27/05 12:08 PM, ID: 13156450Author Comment

Often, when Experts are collaborating with members who have asked questions, they will request additional information about the problem. Askers respond with an author comment like this one.

Start your 30-day free trial to view this Author Comment or ask the Experts your question.

 
[+][-]01/27/05 01:03 PM, ID: 13157060Author Comment

Often, when Experts are collaborating with members who have asked questions, they will request additional information about the problem. Askers respond with an author comment like this one.

Start your 30-day free trial to view this Author Comment or ask the Experts your question.

 
[+][-]01/27/05 01:46 PM, ID: 13157485Expert Comment

At Experts Exchange, members can ask their questions to thousands of technology professionals, also known as Experts. Experts compete and collaborate to answer those questions by leaving comments like this one.

Start your 30-day free trial to view this Expert Comment or ask the Experts your question.

 
[+][-]01/27/05 02:04 PM, ID: 13157668Author Comment

Often, when Experts are collaborating with members who have asked questions, they will request additional information about the problem. Askers respond with an author comment like this one.

Start your 30-day free trial to view this Author Comment or ask the Experts your question.

 
[+][-]01/27/05 10:04 PM, ID: 13160412Assisted Solution

Assisted solutions are selected by the member who asked the question as a comment that contributed to their question's solution.

Start your 30-day free trial to view this Assisted Solution or ask the Experts your question.

 
[+][-]01/28/05 06:52 AM, ID: 13163579Author Comment

Often, when Experts are collaborating with members who have asked questions, they will request additional information about the problem. Askers respond with an author comment like this one.

Start your 30-day free trial to view this Author Comment or ask the Experts your question.

 
[+][-]01/28/05 01:41 PM, ID: 13167922Author Comment

Often, when Experts are collaborating with members who have asked questions, they will request additional information about the problem. Askers respond with an author comment like this one.

Start your 30-day free trial to view this Author Comment or ask the Experts your question.

 
[+][-]02/01/05 02:33 PM, ID: 13198147Author Comment

Often, when Experts are collaborating with members who have asked questions, they will request additional information about the problem. Askers respond with an author comment like this one.

Start your 30-day free trial to view this Author Comment or ask the Experts your question.

 
[+][-]02/01/05 02:50 PM, ID: 13198273Expert Comment

At Experts Exchange, members can ask their questions to thousands of technology professionals, also known as Experts. Experts compete and collaborate to answer those questions by leaving comments like this one.

Start your 30-day free trial to view this Expert Comment or ask the Experts your question.

 
[+][-]02/02/05 01:56 AM, ID: 13201536Expert Comment

At Experts Exchange, members can ask their questions to thousands of technology professionals, also known as Experts. Experts compete and collaborate to answer those questions by leaving comments like this one.

Start your 30-day free trial to view this Expert Comment or ask the Experts your question.

 
[+][-]02/14/05 08:02 AM, ID: 13305248Author Comment

Often, when Experts are collaborating with members who have asked questions, they will request additional information about the problem. Askers respond with an author comment like this one.

Start your 30-day free trial to view this Author Comment or ask the Experts your question.

 
 
Loading Advertisement...
20091111-EE-VQP-92