Advertisement

02.05.2008 at 11:18AM PST, ID: 23139053
[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!
8.0

Table data interfering with CSS layout

Asked by bordstudios in Cascading Style Sheets (CSS), Internet Explorer Web Browser, Extensible HTML (XHTML)

Tags: ,

I am taking over a project for a partner while they are on vacation.  It's an HTML based CD the layout is CSS based but there are some problems when it is being viewed in IE 6 (which is what the majority of our advisors are using)

When a table with data is inserted the pushed the entire content area down around 200-300 pixels.  Of course this only occurs in IE 6.

I'm not sure what kind of hack to use to move the content back up to the top.

Please help!!
ThanksStart Free Trial 
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
87:
88:
89:
90:
91:
92:
93:
94:
95:
96:
97:
98:
99:
100:
101:
102:
103:
104:
105:
106:
107:
108:
109:
110:
111:
112:
113:
114:
115:
116:
117:
118:
119:
120:
121:
122:
123:
124:
125:
126:
127:
128:
129:
130:
131:
132:
133:
134:
135:
136:
137:
138:
139:
140:
141:
142:
143:
144:
145:
146:
147:
148:
149:
150:
151:
152:
153:
154:
155:
156:
157:
158:
159:
160:
161:
162:
163:
164:
165:
166:
167:
168:
169:
170:
171:
172:
173:
174:
175:
176:
177:
178:
179:
180:
181:
182:
183:
184:
185:
186:
187:
188:
189:
190:
191:
192:
193:
194:
195:
196:
197:
198:
199:
200:
201:
202:
203:
204:
205:
206:
207:
208:
209:
210:
211:
212:
213:
214:
215:
216:
217:
218:
219:
220:
221:
222:
223:
224:
225:
226:
227:
228:
229:
230:
231:
232:
233:
234:
235:
236:
237:
238:
239:
240:
241:
242:
243:
244:
245:
246:
247:
248:
249:
250:
251:
252:
253:
254:
255:
256:
257:
258:
259:
260:
261:
262:
263:
264:
265:
266:
267:
268:
269:
270:
271:
272:
273:
274:
275:
276:
277:
278:
279:
280:
281:
282:
283:
284:
285:
286:
287:
288:
289:
290:
291:
292:
293:
294:
295:
296:
297:
298:
299:
300:
301:
302:
303:
304:
305:
306:
307:
308:
309:
310:
311:
312:
313:
314:
315:
316:
317:
318:
319:
320:
321:
322:
323:
324:
325:
326:
327:
328:
329:
330:
331:
332:
333:
334:
335:
336:
337:
338:
339:
340:
341:
342:
343:
344:
345:
346:
347:
348:
349:
350:
351:
352:
353:
354:
355:
356:
357:
358:
359:
360:
361:
362:
363:
364:
365:
366:
367:
368:
369:
370:
371:
372:
373:
374:
375:
376:
377:
378:
379:
380:
381:
382:
383:
384:
385:
386:
387:
388:
389:
390:
391:
392:
393:
394:
395:
396:
397:
398:
399:
400:
401:
402:
403:
404:
405:
406:
407:
408:
409:
410:
411:
412:
413:
414:
415:
416:
417:
418:
419:
420:
421:
422:
423:
424:
425:
426:
427:
428:
429:
430:
431:
432:
433:
434:
435:
436:
437:
438:
439:
440:
441:
442:
443:
444:
445:
446:
447:
448:
449:
450:
451:
452:
453:
454:
455:
456:
457:
458:
459:
460:
461:
462:
463:
464:
465:
466:
467:
468:
469:
470:
471:
472:
473:
474:
475:
476:
477:
478:
479:
480:
481:
482:
483:
484:
485:
486:
487:
488:
489:
490:
491:
492:
493:
494:
495:
496:
497:
498:
499:
500:
501:
502:
503:
504:
505:
506:
507:
508:
509:
510:
511:
512:
513:
514:
515:
516:
517:
518:
519:
520:
521:
522:
523:
524:
525:
526:
527:
528:
529:
530:
531:
532:
533:
534:
535:
536:
537:
538:
539:
540:
541:
542:
543:
544:
545:
546:
547:
548:
549:
550:
551:
552:
553:
554:
555:
556:
557:
558:
559:
560:
561:
562:
563:
564:
565:
566:
567:
568:
569:
570:
571:
572:
573:
574:
575:
576:
577:
578:
579:
580:
581:
582:
583:
584:
585:
586:
587:
588:
589:
590:
591:
592:
593:
594:
595:
596:
597:
598:
599:
600:
601:
602:
603:
604:
605:
606:
607:
608:
609:
610:
611:
612:
613:
614:
615:
616:
617:
618:
619:
620:
621:
622:
623:
624:
625:
626:
627:
628:
629:
630:
631:
632:
633:
634:
635:
636:
637:
638:
639:
640:
641:
642:
643:
644:
645:
646:
647:
648:
649:
650:
651:
652:
653:
654:
655:
656:
657:
658:
659:
660:
661:
662:
663:
664:
665:
666:
667:
668:
669:
670:
671:
672:
673:
674:
675:
676:
677:
678:
679:
680:
681:
682:
683:
684:
685:
686:
687:
688:
689:
690:
691:
692:
693:
694:
695:
696:
697:
698:
699:
700:
701:
702:
703:
704:
705:
706:
707:
708:
709:
710:
711:
712:
713:
714:
715:
716:
717:
718:
719:
720:
721:
722:
723:
724:
725:
726:
727:
728:
729:
730:
731:
732:
733:
734:
735:
736:
737:
738:
739:
740:
741:
742:
743:
744:
745:
746:
747:
748:
749:
750:
751:
752:
753:
754:
755:
756:
757:
758:
759:
760:
761:
762:
763:
764:
765:
766:
767:
768:
769:
770:
771:
772:
773:
774:
775:
776:
777:
778:
779:
780:
781:
782:
783:
784:
785:
786:
787:
788:
789:
790:
791:
792:
793:
794:
795:
796:
797:
798:
799:
800:
801:
802:
803:
804:
805:
806:
807:
808:
809:
810:
811:
812:
813:
814:
815:
816:
817:
818:
819:
820:
821:
822:
823:
824:
825:
826:
827:
828:
829:
830:
831:
832:
833:
834:
835:
836:
837:
838:
839:
840:
841:
842:
843:
844:
845:
846:
847:
848:
849:
850:
851:
852:
853:
854:
855:
856:
857:
858:
859:
860:
861:
862:
863:
864:
865:
866:
867:
868:
869:
870:
871:
872:
873:
874:
875:
876:
877:
878:
879:
880:
881:
882:
883:
884:
885:
886:
887:
888:
889:
890:
891:
892:
893:
894:
895:
896:
897:
898:
899:
900:
901:
902:
903:
904:
905:
906:
907:
908:
909:
910:
911:
912:
913:
914:
915:
916:
917:
918:
919:
920:
921:
922:
923:
924:
925:
926:
927:
928:
929:
930:
931:
932:
933:
934:
935:
936:
937:
938:
939:
940:
941:
942:
943:
944:
945:
946:
947:
948:
949:
950:
951:
952:
953:
954:
955:
956:
957:
958:
959:
960:
961:
962:
963:
964:
965:
966:
967:
968:
969:
970:
971:
972:
973:
974:
975:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/template.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>Lifetime service for your clients</title>
<!-- InstanceEndEditable -->
<style type="text/css" media="screen">
<!--
/* This rule resets a core set of elements so that they will appear consistent across browsers. Without this rule, content styled with an h1 tag, for example, would appear in different places in Firefox and Internet Explorer because each browser has a different top margin default value. By resetting these values to 0, the elements will initially be rendered in an identical fashion and their properties can be easily defined by the designer in any subsequent rule. */
html, body, div, span, applet, object, table, iframe, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
}
/* The body is the outermost layout component and contains the visible page content. Setting properties for the body element will help to create consistent styling of the page content and more manageable CSS. Besides using the body element to set global properties, it is common to use the body element to set the background color of the page and create a centered container for the page content to display. */
body {
	background-color: #fff;
	background-image:url(../images/bg.jpg);
	background-repeat:repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	margin: 0 0 0 0; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
	padding: 0 0 0 0; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	text-align: center; /* Centers the page content container in IE 5 browsers. */
}
/* Formatting Styles */
#ie6only{
margin-bottom:-500px;
}
.note {
font-size:9px;
display:block;
}
.note2 {
	background-image:url(../images/tablerow_bg.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#027fc9;
	font-size:11px;
	color:#FFF;
	display:block;
	padding:5px;
}
.tablerow1 {
background-color:#fff0cc;
display:block;
}
.tablerow2 {
	background-color:#fffcf3;
	display:block;
}
.tableheader {
background-image:url(../images/tablerow_bg2.jpg);
background-repeat:repeat-x;
background-position:bottom;
background-color:#f6f6f6;
font-weight:bold;
color:#2f2f2f;
}
.listbg1 {
background-color:#d7e1e8;
display:block;
}
.listbg2 {
	background-color:#f4f4f4;
	display:block;
}
/* Commonly used to style page titles. */
h1 {
  color: #006699;
  font-size: 14px;
  font-weight: bold;
  line-height: 14px;
}
/* Commonly used to style section titles. */
h2 {
  color: #000;
  font-size: 12px;
  font-weight: bold;
  line-height: 14px;
}
/* Sets the style for unvisited links. */
a,  a:link {
font-size:11px;
  color: #006699;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: underline;
}
/* Sets the style for visited links. */
a:visited {
  color: #006699;
  font-weight: none;
  text-decoration: none;
}
/* Sets the style for links on mouseover. */
a:hover {
  color: #006699;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-decoration: none;
}
/* Sets the style for a link that has focus. */
a:focus {
  color: #000;
}
/* Sets the style for a link that is being activated/clicked. */
a:active {
  color: #000;
}
/* This is a container for the page content. It is common to use the container to constrain the width of the page content and allow for browser chrome to avoid the need for horizontal scrolling. For fixed layouts you may specify a container width and use auto for the left and right margin to center the container on the page. IE 5 browser require the use of text-align: center defined by the body element to center the container. For liquid layouts you may simply set the left and right margins to center the container on the page. */
#outerWrapper {
  background-color: #fff;
  border-bottom: solid 1px #999999; /* Sets the bottom border properties for an element using shorthand notation */
  border-left: solid 1px #999999; /* Sets the left border properties for an element using shorthand notation */
  border-right: solid 1px #999999; /* Sets the right border properties for an element using shorthand notation */
  margin: 0 auto 0 auto; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
  text-align: left; /* Redefines the text alignment defined by the body element. */
  width: 770px;
}
#outerWrapper #header {
	background-color: #FFFFFF;
	background-image: url("../images/f55-header.jpg");
	background-repeat: no-repeat;
	border-bottom-width: 1px;
	color: #006699;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 69px;
	line-height: 15px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#outerWrapper #header a:link {
	color: #006699;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
}
#outerWrapper #header a:hover {
	color: #006699;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
}
#outerWrapper #contentWrapper #rightColumn1 {
	background-color: #FFFFFF;
	border-left-width: 1px;
	color: #000;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 50px 10px 10px 20px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	width: 155px;
}
#outerWrapper #contentWrapper #rightColumn1 h1 {
  color: #006699;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
}
#outerWrapper #contentWrapper #rightColumn1 h2 {
  color: #000;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
    font-size: 11px;
}
#outerWrapper #contentWrapper #rightColumn1 a, #outerWrapper #contentWrapper #rightColumn1 a:link {
  color: #006699;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: underline;
}
#outerWrapper #contentWrapper #rightColumn1 a:hover {
  color: #006699;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-decoration: none;
}
#outerWrapper #contentWrapper #leftColumn1 {
	background-color: #FFFFFF;
	color: #006699;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 10px 10px 0px 5px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	width: 190px;
}
#outerWrapper #contentWrapper #leftColumn1 h2 {
  color: #000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
}
/* Contains the main page content. When using a mutliple column layout the margins will be set to account for the floated columns' width, margins, and padding. */
#outerWrapper #contentWrapper #content {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:1.5em;
	margin: 0 185px 0 210px; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
	padding: 20px 0px 10px 0px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
}
/* IE6 Only */
* html #outerWrapper #contentWrapper #content {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:1.5em;
	margin: 0 195px 0 220px; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
	padding: 10px 0px 10px 0px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
}
 
/* IE7 Only */
*:first-child+html #outerWrapper #contentWrapper #content {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:1.5em;
	margin: 0 195px 0 220px; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
	padding: 10px 0px 10px 0px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
}
 
 
#outerWrapper #contentWrapper #homepage {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 155px;
	padding-bottom: 0px;
	padding-left: 20px;
}
#outerWrapper #contentWrapper #colvariation {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	line-height:1.5em;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 220px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#outerWrapper #contentWrapper #colvariation a:link{
	font-size: 11px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	
}
#outerWrapper #contentWrapper #processmap {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 220px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#outerWrapper #contentWrapper #content h1 {
  color: #000000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
}
/* IE6 Only */
* html #outerWrapper #contentWrapper #content h1 {
  color: #000000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
}
/* IE7 Only */
*:first-child+html #outerWrapper #contentWrapper #content h1 {
  color: #000000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
}
 
#outerWrapper #contentWrapper #content a, #outerWrapper #contentWrapper #content a:link {
  color: #006699;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-decoration: underline;
}
#outerWrapper #contentWrapper #content a:hover {
  color: #006699;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight:bold;
  text-decoration: none;
}
/* Using floated elements and a clear float class is a common method to accomplish multiple column tableless layouts. If floated elements are used without being cleared the elements following will wrap around the floated element. This class should be applied to an element after the last floated element and before the close of the container with floated elements. */
#outerWrapper #contentWrapper .clearFloat {
  clear: both;
  display: block;
}
#outerWrapper #footer {
  background-color: #FFFFFF;
  border-top: solid 1px #999999; /* Sets the top border properties for an element using shorthand notation */
  color: #999999;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  padding: 10px 10px 10px 10px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
}
#outerWrapper #footer a, #outerWrapper #footer a:link {
  color: #006699;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
}
#outerWrapper #footer a:visited {
  color: #006699;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}
#outerWrapper #contentWrapper #rightColumn1 #context1 {
	background-image: url(../images/context1.jpg);
	background-repeat: no-repeat;
	padding: 10px;
	background-color: #ffe098;
}
#outerWrapper #contentWrapper #rightColumn1 #context2 {
	background-image: url(../images/context2.jpg);
	background-repeat: no-repeat;
	padding: 10px;
	background-color: #d7d7d7;
}
-->
</style>
<style type="text/css" media="print">
<!--
/* It is common to set printer friendly styles such as a white background with black text. */
body {
  background-color: #fff;
  background-image: none;
  border-color: #000; /* Sets the border color properties for an element using shorthand notation */
  color: #000;
  float: none;
  margin: 0 0 0 0; /* Sets the margin properties for all margins using shorthand notation (top, right, bottom, left) */
  padding: 0 0 0 0; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
  width: auto;
}
h1 {
  background-color: #fff;
  background-image: none;
  border-color: #000; /* Sets the border color properties for an element using shorthand notation */
  color: #000;
}
h2 {
  background-color: #fff;
  background-image: none;
  border-color: #000; /* Sets the border color properties for an element using shorthand notation */
  color: #000;
}
h3 {
  background-color: #fff;
  background-image: none;
  border-color: #000; /* Sets the border color properties for an element using shorthand notation */
  color: #000;
}
h4 {
  background-color: #fff;
  background-image: none;
  border-color: #000; /* Sets the border color properties for an element using shorthand notation */
  color: #000;
}
h5 {
  background-color: #fff;
  background-image: none;
  border-color: #000; /* Sets the border color properties for an element using shorthand notation */
  color: #000;
}
h6 {
  background-color: #fff;
  background-image: none;
  border-color: #000; /* Sets the border color properties for an element using shorthand notation */
  color: #000;
}
a,  a:link {
  background-color: #fff;
  background-image: none;
  border-color: #000; /* Sets the border color properties for an element using shorthand notation */
  color: #000;
}
a:visited {
  background-color: #fff;
  background-image: none;
  border-color: #000; /* Sets the border color properties for an element using shorthand notation */
  color: #000;
}
a:hover {
  background-color: #fff;
  background-image: none;
  border-color: #000; /* Sets the border color properties for an element using shorthand notation */
  color: #000;
}
a:focus {
  background-color: #fff;
  background-image: none;
  border-color: #000; /* Sets the border color properties for an element using shorthand notation */
  color: #000;
}
a:active {
  background-color: #fff;
  background-image: none;
  border-color: #000; /* Sets the border color properties for an element using shorthand notation */
  color: #000;
}
#outerWrapper {
  background-color: #fff;
  background-image: none;
  border-color: #000; /* Sets the border color properties for an element using shorthand notation */
  color: #000;
  float: none;
  margin: 0 0 0 0; /* Sets the margin properties for all margins using shorthand notation (top, right, bottom, left) */
  padding: 0 0 0 0; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
  width: auto;
}
#outerWrapper #header {
  background-color: #fff;
  background-image: none;
  border-color: #000; /* Sets the border color properties for an element using shorthand notation */
  color: #000;
  display: none;
  float: none;
  margin: 0 0 0 0; /* Sets the margin properties for all margins using shorthand notation (top, right, bottom, left) */
  padding: 0 0 0 0; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
  width: auto;
}
#outerWrapper #header h1 {
  background-color: #fff;
  background-image: none;
  border-color: #000; /* Sets the border color properties for an element using shorthand notation */
  color: #000;
}
#outerWrapper #header h2 {
  background-color: #fff;
  background-image: none;
  border-color: #000; /* Sets the border color properties for an element using shorthand notation */
  color: #000;
}
#outerWrapper #header h3 {
  background-color: #fff;
  background-image: none;
  border-color: #000; /* Sets the border color properties for an element using shorthand notation */
  color: #000;
}
#outerWrapper #header h4 {
  background-color: #fff;
  background-image: none;
  border-color: #000; /* Sets the border color properties for an element using shorthand notation */
  color: #000;
}
#outerWrapper #header h5 {
  background-color: #fff;
  background-image: none;
  border-color: #000; /* Sets the border color properties for an element using shorthand notation */
  color: #000;
}
#outerWrapper #header h6 {
  background-color: #fff;
  background-image: none;
  border-color: #000; /* Sets the border color properties for an element using shorthand notation */
  color: #000;
}
#outerWrapper #header a, #outerWrapper #header a:link {
  background-color: #fff;
  background-image: none;
  border-color: #000; /* Sets the border color properties for an element using shorthand notation */
  color: #000;
}
#outerWrapper #header a:visited {
  background-color: #fff;
  background-image: none;
  border-color: #000; /* Sets the border color properties for an element using shorthand notation */
  color: #000;
}
#outerWrapper #header a:hover {
  background-color: #fff;
  background-image: none;
  border-color: #000; /* Sets the border color properties for an element using shorthand notation */
  color: #000;
}
#outerWrapper #header a:focus {
  background-color: #fff;
  background-image: none;
  border-color: #000; /* Sets the border color properties for an element using shorthand notation */
  color: #000;
}
#outerWrapper #header a:active {
  background-color: #fff;
  background-image: none;
  border-color: #000; /* Sets the border color properties for an element using shorthand notation */
  color: #000;
}
#outerWrapper #contentWrapper {
  background-color: #fff;
  background-image: none;
  border-color: #000; /* Sets the border color properties for an element using shorthand notation */
  color: #000;
  float: none;
  margin: 0 0 0 0; /* Sets the margin properties for all margins using shorthand notation (top, right, bottom, left) */
  padding: 0 0 0 0; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
  width: auto;
}
#outerWrapper #contentWrapper #rightColumn1 {
  background-color: #fff;
  background-image: none;
  border-color: #000; /* Sets the border color properties for an element using shorthand notation */
  color: #000;
  display: none;
  float: none;
  margin: 0 0 0 0; /* Sets the margin properties for all margins using shorthand notation (top, right, bottom, left) */
  padding: 0 0 0 0; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
  width: auto;
}
#outerWrapper #contentWrapper #rightColumn1 h1 {
  background-color: #fff;
  background-image: none;
  border-color: #000; /* Sets the border color properties for an element using shorthand notation */
  color: #000;
}
#outerWrapper #contentWrapper #rightColumn1 h2 {
  background-color: #fff;
  background-image: none;
  border-color: #000; /* Sets the border color properties for an element using shorthand notation */
  color: #000;
}
#outerWrapper #contentWrapper #rightColumn1 h3 {
  background-color: #fff;
  background-image: none;
  border-color: #000; /* Sets the border color properties for an element using shorthand notation */
  color: #000;
}
#outerWrapper #contentWrapper #rightColumn1 h4 {
  background-color: #fff;
  background-image: none;
  border-color: #000; /* Sets the border color properties for an element using shorthand notation */
  color: #000;
}
#outerWrapper #contentWrapper #rightColumn1 h5 {
  background-color: #fff;
  background-image: none;
  border-color: #000; /* Sets the border color properties for an element using shorthand notation */
  color: #000;
}
#outerWrapper #contentWrapper #rightColumn1 h6 {
  background-color: #fff;
  background-image: none;
  border-color: #000; /* Sets the border color properties for an element using shorthand notation */
  color: #000;
}
#outerWrapper #contentWrapper #rightColumn1 a, #outerWrapper #contentWrapper #rightColumn1 a:link {
  background-color: #fff;
  background-image: none;
  border-color: #000; /* Sets the border color properties for an element using shorthand notation */
  color: #000;
}
#outerWrapper #contentWrapper #rightColumn1 a:visited {
  background-color: #fff;
  background-image: none;
  border-color: #000; /* Sets the border color properties for an element using shorthand notation */
  color: #000;
}
#outerWrapper #contentWrapper #rightColumn1 a:hover {
  background-color: #fff;
  background-image: none;
  border-color: #000; /* Sets the border color properties for an element using shorthand notation */
  color: #000;
}
#outerWrapper #contentWrapper #rightColumn1 a:focus {
  background-color: #fff;
  background-image: none;
  border-color: #000; /* Sets the border color properties for an element using shorthand notation */
  color: #000;
}
#outerWrapper #contentWrapper #rightColumn1 a:active {
  background-color: #fff;
  background-image: none;
  border-color: #000; /* Sets the border color properties for an element using shorthand notation */
  color: #000;
}
#outerWrapper #contentWrapper #leftColumn1 {
  background-color: #fff;
  background-image: none;
  border-color: #000; /* Sets the border color properties for an element using shorthand notation */
  color: #000;
  display: none;
  float: none;
  margin: 0 0 0 0; /* Sets the margin properties for all margins using shorthand notation (top, right, bottom, left) */
  padding: 0 0 0 0; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
  width: auto;
}
#outerWrapper #contentWrapper #leftColumn1 h1 {
  background-color: #fff;
  background-image: none;
  border-color: #000; /* Sets the border color properties for an element using shorthand notation */
  color: #000;
}
#outerWrapper #contentWrapper #leftColumn1 h2 {
  background-color: #fff;
  background-image: none;
  border-color: #000; /* Sets the border color properties for an element using shorthand notation */
  color: #000;
}
#outerWrapper #contentWrapper #leftColumn1 h3 {
  background-color: #fff;
  background-image: none;
  border-color: #000; /* Sets the border color properties for an element using shorthand notation */
  color: #000;
}
#outerWrapper #contentWrapper #leftColumn1 h4 {
  background-color: #fff;
  background-image: none;
  border-color: #000; /* Sets the border color properties for an element using shorthand notation */
  color: #000;
}
#outerWrapper #contentWrapper #leftColumn1 h5 {
  background-color: #fff;
  background-image: none;
  border-color: #000; /* Sets the border color properties for an element using shorthand notation */
  color: #000;
}
#outerWrapper #contentWrapper #leftColumn1 h6 {
  background-color: #fff;
  background-image: none;
  border-color: #000; /* Sets the border color properties for an element using shorthand notation */
  color: #000;
}
#outerWrapper #contentWrapper #leftColumn1 a, #outerWrapper #contentWrapper #leftColumn1 a:link {
  background-color: #fff;
  background-image: none;
  border-color: #000; /* Sets the border color properties for an element using shorthand notation */
  color: #000;
}
#outerWrapper #contentWrapper #leftColumn1 a:visited {
  background-color: #fff;
  background-image: none;
  border-color: #000; /* Sets the border color properties for an element using shorthand notation */
  color: #000;
}
#outerWrapper #contentWrapper #leftColumn1 a:hover {
  background-color: #fff;
  background-image: none;
  border-color: #000; /* Sets the border color properties for an element using shorthand notation */
  color: #000;
}
#outerWrapper #contentWrapper #leftColumn1 a:focus {
  background-color: #fff;
  background-image: none;
  border-color: #000; /* Sets the border color properties for an element using shorthand notation */
  color: #000;
}
#outerWrapper #contentWrapper #leftColumn1 a:active {
  background-color: #fff;
  background-image: none;
  border-color: #000; /* Sets the border color properties for an element using shorthand notation */
  color: #000;
}
#outerWrapper #contentWrapper #content {
  background-color: #fff;
  background-image: none;
  border-color: #000; /* Sets the border color properties for an element using shorthand notation */
  color: #000;
  float: none;
  margin: 0 0 0 0; /* Sets the margin properties for all margins using shorthand notation (top, right, bottom, left) */
  padding: 0 0 0 0; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
  width: auto;
}
#outerWrapper #contentWrapper #content h1 {
  background-color: #fff;
  background-image: none;
  border-color: #000; /* Sets the border color properties for an element using shorthand notation */
  color: #000;
}
#outerWrapper #contentWrapper #content h2 {
  background-color: #fff;
  background-image: none;
  border-color: #000; /* Sets the border color properties for an element using shorthand notation */
  color: #000;
}
#outerWrapper #contentWrapper #content h3 {
  background-color: #fff;
  background-image: none;
  border-color: #000; /* Sets the border color properties for an element using shorthand notation */
  color: #000;
}
#outerWrapper #contentWrapper #content h4 {
  background-color: #fff;
  background-image: none;
  border-color: #000; /* Sets the border color properties for an element using shorthand notation */
  color: #000;
}
#outerWrapper #contentWrapper #content h5 {
  background-color: #fff;
  background-image: none;
  border-color: #000; /* Sets the border color properties for an element using shorthand notation */
  color: #000;
}
#outerWrapper #contentWrapper #content h6 {
  background-color: #fff;
  background-image: none;
  border-color: #000; /* Sets the border color properties for an element using shorthand notation */
  color: #000;
}
#outerWrapper #contentWrapper #content a, #outerWrapper #contentWrapper #content a:link {
  background-color: #fff;
  background-image: none;
  border-color: #000; /* Sets the border color properties for an element using shorthand notation */
  color: #000;
}
#outerWrapper #contentWrapper #content a:visited {
  background-color: #fff;
  background-image: none;
  border-color: #000; /* Sets the border color properties for an element using shorthand notation */
  color: #000;
}
#outerWrapper #contentWrapper #content a:hover {
  background-color: #fff;
  background-image: none;
  border-color: #000; /* Sets the border color properties for an element using shorthand notation */
  color: #000;
}
#outerWrapper #contentWrapper #content a:focus {
  background-color: #fff;
  background-image: none;
  border-color: #000; /* Sets the border color properties for an element using shorthand notation */
  color: #000;
}
#outerWrapper #contentWrapper #content a:active {
  background-color: #fff;
  background-image: none;
  border-color: #000; /* Sets the border color properties for an element using shorthand notation */
  color: #000;
}
#outerWrapper #footer {
  background-color: #fff;
  background-image: none;
  border-color: #000; /* Sets the border color properties for an element using shorthand notation */
  color: #000;
  display: none;
  float: none;
  margin: 0 0 0 0; /* Sets the margin properties for all margins using shorthand notation (top, right, bottom, left) */
  padding: 0 0 0 0; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
  width: auto;
}
#outerWrapper #footer h1 {
  background-color: #fff;
  background-image: none;
  border-color: #000; /* Sets the border color properties for an element using shorthand notation */
  color: #000;
}
#outerWrapper #footer h2 {
  background-color: #fff;
  background-image: none;
  border-color: #000; /* Sets the border color properties for an element using shorthand notation */
  color: #000;
}
#outerWrapper #footer h3 {
  background-color: #fff;
  background-image: none;
  border-color: #000; /* Sets the border color properties for an element using shorthand notation */
  color: #000;
}
#outerWrapper #footer h4 {
  background-color: #fff;
  background-image: none;
  border-color: #000; /* Sets the border color properties for an element using shorthand notation */
  color: #000;
}
#outerWrapper #footer h5 {
  background-color: #fff;
  background-image: none;
  border-color: #000; /* Sets the border color properties for an element using shorthand notation */
  color: #000;
}
#outerWrapper #footer h6 {
  background-color: #fff;
  background-image: none;
  border-color: #000; /* Sets the border color properties for an element using shorthand notation */
  color: #000;
}
#outerWrapper #footer a, #outerWrapper #footer a:link {
  background-color: #fff;
  background-image: none;
  border-color: #000; /* Sets the border color properties for an element using shorthand notation */
  color: #000;
}
#outerWrapper #footer a:visited {
  background-color: #fff;
  background-image: none;
  border-color: #000; /* Sets the border color properties for an element using shorthand notation */
  color: #000;
}
#outerWrapper #footer a:hover {
  background-color: #fff;
  background-image: none;
  border-color: #000; /* Sets the border color properties for an element using shorthand notation */
  color: #000;
}
#outerWrapper #footer a:focus {
  background-color: #fff;
  background-image: none;
  border-color: #000; /* Sets the border color properties for an element using shorthand notation */
  color: #000;
}
#outerWrapper #footer a:active {
  background-color: #fff;
  background-image: none;
  border-color: #000; /* Sets the border color properties for an element using shorthand notation */
  color: #000;
}
-->
</style>
<!--[if IE 5]>
<style type="text/css"> 
/* IE 5 does not use the standard box model, so the column widths are overidden to render the page correctly. */
#outerWrapper #contentWrapper #leftColumn1 {
  width: 220px;
}
#outerWrapper #contentWrapper #rightColumn1 {
  width: 195px;
}
</style>
<![endif]-->
<!--[if IE]>
<style type="text/css"> 
/* The proprietary zoom property gives IE the hasLayout property which addresses several bugs. */
#outerWrapper #contentWrapper #content {
  zoom: 1;
}
</style>
<![endif]-->
<script type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
 
function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}
 
function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<!-- InstanceBeginEditable name="head" -->
<style type="text/css">
<!--
#outerWrapper #contentWrapper #rightColumn1 #context1 {
	background-image: url(../images/context1.jpg);
	background-repeat: no-repeat;
}
-->
</style>
<!-- InstanceEndEditable --><!-- InstanceParam name="leftCol" type="boolean" value="true" --><!-- InstanceParam name="rightCol" type="boolean" value="true" --><!-- InstanceParam name="context1" type="boolean" value="true" --><!-- InstanceParam name="context2" type="boolean" value="false" --><!-- InstanceParam name="mainContent" type="boolean" value="true" --><!-- InstanceParam name="colvariation" type="boolean" value="false" --><!-- InstanceParam name="processMap" type="boolean" value="false" --><!-- InstanceParam name="homePage" type="boolean" value="false" -->
<script type="text/javascript" language="JavaScript1.2" src="scripts/stlib.js"></script>
<!-- InstanceParam name="00home-normal" type="boolean" value="true" --><!-- InstanceParam name="00home-over" type="boolean" value="false" --><!-- InstanceParam name="01overview-normal" type="boolean" value="true" --><!-- InstanceParam name="01overview-over" type="boolean" value="false" --><!-- InstanceParam name="02assessing-normal" type="boolean" value="true" --><!-- InstanceParam name="02assessing-over" type="boolean" value="false" --><!-- InstanceParam name="03selling-normal" type="boolean" value="true" --><!-- InstanceParam name="03selling-over" type="boolean" value="false" --><!-- InstanceParam name="04hiring-normal" type="boolean" value="false" --><!-- InstanceParam name="04hiring-over" type="boolean" value="true" --><!-- InstanceParam name="05partnering-normal" type="boolean" value="true" --><!-- InstanceParam name="05partnering-over" type="boolean" value="false" --><!-- InstanceParam name="06tools-normal" type="boolean" value="true" --><!-- InstanceParam name="06tools-over" type="boolean" value="false" -->
</head>
 
<body onload="MM_preloadImages('../images/00menu_home_menu-over.jpg','../images/01menu_overview_menu-over.jpg','../images/02menu_assessing_menu-over.jpg','../images/03menu_selling_menu-over.jpg','../images/04menu_hiring_menu-over.jpg','../images/05menu_partnering_menu-over.jpg','../images/06menu_tools_menu-over.jpg')">
 
<div id="outerWrapper">
  <div id="header">
    <table width="173" border="0" align="right" cellpadding="0" cellspacing="0">
    <tr>
      <td width="173"><a href="../01Overview/1-1.html">Process Map</a> | <a href="#">Index</a> | <a href="#">Contact Us<span class="style1"><a name="top" id="89"></a></span></a></td>
    </tr>
  </table>
  </div>
 
  <div id="horznav"><a href="../index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Home','','../images/00menu_home_menu-over.jpg',1)"><img src="../images/00menu_home.jpg" alt="Home" name="Home" width="68" height="59" border="0" id="Home" /></a><a href="../01Overview/1-0.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Overview','','../images/01menu_overview_menu-over.jpg',1)"><img src="../images/01menu_overview.jpg" alt="Overview" name="Overview" width="90" height="59" border="0" id="Overview" /></a><a href="../02Assessing/2-0.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Assessing','','../images/02menu_assessing_menu-over.jpg',1)"><img src="../images/02menu_assessing.jpg" alt="Assessing your options" name="Assessing" width="106" height="59" border="0" id="Assessing" /></a><a href="../03Selling/3-0.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Selling','','../images/03menu_selling_menu-over.jpg',1)"><img src="../images/03menu_selling.jpg" alt="Selling clients" name="Selling" width="116" height="60" border="0" id="Selling" /></a><a href="4-0.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Hiring','','../images/04menu_hiring_menu-over.jpg',1)"><img src="../images/04menu_hiring_menu-over.jpg" width="163" height="60" border="0" /></a><a href="../05Partnering/5-0.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Partnering','','../images/05menu_partnering_menu-over.jpg',1)"><img src="../images/05menu_partnering.jpg" alt="Partnering with an advisor" name="Partnering" width="121" height="60" border="0" id="Partnering" /></a><a href="../06Tools/6-0.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Tools','','../images/06menu_tools_menu-over.jpg',1)"><img src="../images/06menu_tools.jpg" alt="Tools and resources" name="Tools" width="106" height="60" border="0" id="Tools" /></a></div>
  <div id="contentWrapper">
    <div id="rightColumn1"><!-- InstanceBeginEditable name="EditRegion3" -->
    <div id="context1"><a href="docs/4.0a Hiring add admin support-Testimonials.doc">Testimonials </a>(Word)<br />
      <br />
        <a href="docs/4.0b Do I need it worksheet.doc">Do I need it? worksheet</a> (Word)<br />
    </div>
    <!-- InstanceEndEditable --><br />
    
    <h2>&nbsp;</h2>
    </div>
  
    <div id="leftColumn1"><!-- InstanceBeginEditable name="navTitle" -->
      <div id="navtitle">
        <h2>Hiring additional administrative support</h2>
      </div>
    <!-- InstanceEndEditable --><br />
    <!-- InstanceBeginEditable name="vertMenu" -->
    <div id="vertmenu"><script type="text/javascript" language="JavaScript1.2" src="scripts/4-0.js"></script></div>
    <!-- InstanceEndEditable --></div>
    <!-- InstanceBeginEditable name="EditRegion6" -->
    <div id="content">
    <div id="ie6only"></div>
      <h1>Hiring additional administrative support</h1>
      <p>Hiring a new team member is an investment in your business. If, after going through the previous exercises, you decide you need more administrative staff, there are a number of things you need to consider. This section will guide you through the process. This is an important decision because experts say hiring the wrong person can cost you between 150-200 per cent of the persons salary in lost productivity and loss of momentum in the business.</p>
      <h2>Do I need it?</h2><p>How do I know I need more administrative support? Ask yourself some important questions. If you answer yes to any of these questions, youre probably in reactive mode and its probably time to add additional administrative support. </p>
      <table width="371" border="0" cellpadding="5">
  <tr class="tablerow1">
    <td width="291">1.	Are clients leaving because theyre being ignored?</td>
    <td width="24"><strong>YES</strong></td>
    <td width="18"><strong>NO</strong></td>
  </tr>
  <tr class="tablerow2">
    <td>2.	Is it taking more time to respond to a client request than youd like?</td>
    <td><strong>YES</strong></td>
    <td><strong>NO</strong></td>
  </tr>
  <tr class="tablerow1">
    <td>3.	Are you spending too much time on client service?</td>
    <td><strong>YES</strong></td>
    <td><strong>NO</strong></td>
  </tr>
  <tr class="tablerow2">
    <td>4.	If you have administrative/staff, are they feeling overwhelmed?</td>
    <td><strong>YES</strong></td>
    <td><strong>NO</strong></td>
  </tr>
  <tr class="tablerow1">
    <td>5.	Is quality of work declining? Are you seeing more errors?</td>
    <td><strong>YES</strong></td>
    <td><strong>NO</strong></td>
  </tr>
  <tr class="tablerow2">
    <td>6.	Do you have insufficient capacity to service your existing client base?  The What if? tool will help you assess your capacity. </td>
    <td><strong>YES</strong></td>
    <td><strong>NO</strong></td>
  </tr>
  <tr class="tablerow1">
    <td>7.	Is poor client service impacting your practices brand and reputation?</td>
    <td><strong>YES</strong></td>
    <td><strong>NO</strong></td>
  </tr>
</table>
<p class="note2">To avoid a crisis, you should consider adding additional administrative staff when current staff have reached 80 per cent of their capacity.</p>
<p>Proactive planning is important and by tracking important metrics and identifying trends you can make appropriate changes to your support structure before you reach a crisis point.</p>
<p>Here are some important benchmarks to track:</p>
<ul>
<li>Turnaround time for responsibilities or deliverables to clients</li>
<li>Client feedback, which can be monitored through client surveys  look to firms like Advisor Impact to help you conduct surveys</li>
<li>Staff to client ratios</li>
<li>Client retention rates</li>
<li>Staff retention rates</li>
</ul>
<p class="note">Source: Practice Made Perfect, Mark Tibergien and Rebecca Pomering</p>
    </div>
    <!-- InstanceEndEditable --></div>
  <div id="footer">
©                 London Life Insurance Company 2008</div>
</div>
 
</body>
<!-- InstanceEnd --></html>
 
Keywords: Table data interfering with CSS layout
Title
1 help with css
2 Css in firefox.
3 A question for CSS
4 CSS element styling
5 CSS styles not behaving as expected
6 CSS // Form layout
 
Loading Advertisement...
 
[+][-]02.05.2008 at 11:46AM PST, ID: 20826147

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 7-day free trial to view this Expert Comment or ask the Experts your question.

 
[+][-]02.05.2008 at 05:41PM PST, ID: 20828844

View this solution now by starting your 7-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

Zones: Cascading Style Sheets (CSS), Internet Explorer Web Browser, Extensible HTML (XHTML)
Tags: XHTML CSS, IE6
Sign Up Now!
Solution Provided By: bordstudios
Participating Experts: 1
Solution Grade: A
 
 
 
Loading Advertisement...
20080716-EE-VQP-32 / EE_QW_2_20070628