Question

Any Possible Problems with this CSS Layout?

Asked by: coreybryant

I have a CSS layout, three column fixed for 1280X800 resolutions & higher.  I have looked at the layout on IE 7, IE 8, Firefox, Opera (and I even downloaded Chrome to test this one).  It all looks OK and running it through the validator, it said it wanted a couple of widths but I was not sure (how much) to put in there.

Thanks!

/* Base Reset & Fonts
------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
th, td {vertical-align:top;}
fieldset, img {border:0;}
abbr,acronym {border:0;}
body {font:13px Arial,Helvetica,clean,sans-serif;}
table {font-size:inherit;}
select,input,textarea {font:99% Arial,Helvetica,clean,sans-serif;}
pre,code {font:115% monospace;}
body * {line-height:1.22em;}
label {cursor:pointer;}
address,caption,code,dfn,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
q:before,q:after {content:'';}
 
 
/* Main Structure - DO NOT CHANGE THIS SECTION!!
------------------------------------------------- */
html, body {height:100%;}
#wrap {min-height:100%;margin:0 auto;position:relative;overflow:auto;}
#pri, #sec, #ter {float:left;}
#pri {width:100%;}
#sec {position:relative;left:-100%;}
#ft {clear:both;position:relative;}
.grid-2 .col, .grid-4 .grid-2 {float:right;display:inline;}
.grid-2 div.first, .grid-4 div.first, .grid-3 .col {float:left;}
.grid-2 .col, .grid-4 .grid-2, .grid-4 .grid-2 .col {width:50%;}
.grid-3 .col {width:33%;}
body#onecol #sec, body#onecol #ter, body#twocol-left #ter, body#twocol-right #sec {display:none;}
body#onecol #pri .pad {margin:0;}
body#twocol-left #pri .pad {margin-right:0;}
body#twocol-right #pri .pad {margin-left:0;}
 
 
/* Widths & Footer height
------------------------------------------------- */
#wrap {width:1220px;}
 
#pri .pad {
margin:0px 275px 0px 265px;
padding:8px;
background-color:#ddecef;
}
 
#sec {
width:249px;
padding:8px;
margin-right:-265px;
background-color:#bfd9da;
}
 
#ter {
width:259px;
padding:8px;
margin-left:-275px;
background-color:#bfd9da;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
 
#pri .pad, #sec, #ter {padding-bottom:56px;}
 
#ft {
width:1220px;
height:24px;
padding:8px;
margin:-40px auto 0;
}
 
 
/* General fonts
------------------------------------------------- */
 
/* A handy pixel to percent font conversion */
/*
10px / 77%
11px / 85%
12px / 92%
13px / 100%
14px / 107%
15px / 114%
16px / 122%
17px / 129%
18px / 136%
19px / 144%
20px / 152%
21px / 159%
22px / 167%
23px / 174%
24px / 182%
25px / 189%
26px / 197%
*/
 
/* 
	+++ VERY IMPORTANT+++
		The default font for these templates is 13px Arial, set on the <body> element.
		NEVER set a font-size or font-family on the <body> element.
		ALWAYS override using a child of <body>, with the pixel-equivalent percentage value for the font size, as documented above.
		
		EG: #pagewrap p {font-family:Verdana,Arial,Helvetica,sans-serif;}
		would set every <p> within #pagewrap to Verdana.
		It is better to set font-sizes on elements rather than containers.
*/
 
#wrap, #ft {font-family:Verdana, Arial, Helvetica, sans-serif;}
h1 {font-size:136%;}
h2 {font-size:107%;}
h3 {font-size:100%;}
h4 {font-size:92%;}
h5 {font-size:92%;}
h6 {font-size:92%;}
#pri p, #sec p, #ter p, #ter h2, #sec li, #pri th, #pri td, #pri caption, #pri dt, #pri dd, #nav li {font-size:92%;}
#utilitynav li, #nav li, #ft p, #ft li, #searchform input, #searchform label, #ter h3, #ter li {font-size:85%;}
#ft p, #ft li {font-size:77%;}
#sec li li, #pri legend, #nav li li {font-size:100%;}
strong, b, h2, h3, h4, h5, h6, #pri legend {font-weight:bold;}
em,i,cite {font-style:italic;}
 
 
/* Theme
------------------------------------------------- */
html, body {
background:#bfd9da;
color:#000;
}
 
a {color:#008dbc;}
a:hover {color:#000;}
a.skip {position:absolute;left:-9999px;}
 
#wrap, #ft {background:#bfd9da;}
 
#masthead {
color:#323232;
background:#f9f9f9;
position:relative;
margin: 0px auto;
padding: 5px 0px 5px 15px;
}
 
#logo a {
display:block;
background:url(cssimages/logo.gif) no-repeat 0 0;
width:300px;
height:70px;
text-indent:-9999px;
outline:none;
}
 
#tagline {
position:absolute;
left:-9999px;
}
 
#utilitynav {
position:absolute;
top:1em;
right:1em;
}
 
#utilitynav li {display:inline;}
 
#utilitynav li a {
display:block;
float:left;
border-right:1px solid #000;
padding:0 1.3em;
color:#000;
text-decoration:none;
line-height:1em;
}
 
#utilitynav li a:hover, #utilitynav li.current a {text-decoration:underline;}
 
#utilitynav li:last-child a, #utilitynav li.lastchild a {
border-right:0;
margin-right:0;
padding-right:0;
}
 
#searchform {
position:absolute;
top:3.33em;
right:1em;
}
 
#searchform label, #searchform input {float:left;}
 
#searchform .searchtext {
border:1px solid #b9b9b9;
width:152px;
padding-left:2px;
margin:0 0.33em;
}
 
#nav {
position:absolute;
bottom:0;
left:0;
width:100%;
}
 
#nav, #nav * {
margin:0;
padding:0;
list-style:none;
z-index:150;
}
 
#nav {
line-height:1.0;
width:100%;
background:#e1e1e1;
}
 
#nav ul {
position:absolute;
top:-999em;
width:10em; /* left offset of submenus need to match (see below) */
}
 
#nav ul li {
width:100%;
}
 
#nav li:hover {
visibility:inherit; /* fixes IE7 'sticky bug' */
}
 
#nav li {
float:left;
position:relative;
}
 
#nav ul li {
background:#e1e1e1;
}
 
#nav ul li:hover, #nav ul li.sfHover {
background:#d1d1d1;
outline:0;
}
 
#nav a {
display:block;
position:relative;
border-right:1px solid #c1c1c1;
padding:0.5em 2em;
text-decoration:none;
color:#000;
}
 
#nav ul a {
border-right:0;
border-bottom:1px solid #c1c1c1;
}
 
#nav li:hover ul, #nav li.sfHover ul {
left:0;
top:2.2em; /* match top ul list item height */
z-index:99;
}
 
#nav li:hover li ul, #nav li.sfHover li ul {
top:-999em;
}
 
#nav li li:hover ul, #nav li li.sfHover ul {
left:10em; /* match ul width */
top:0;
}
 
#nav li li:hover li ul, #nav li li.sfHover li ul {
top:-999em;
}
 
#nav li li li:hover ul, #nav li li li.sfHover ul {
left:10em; /* match ul width */
top:0;
}
 
#nav li:hover, #nav li.sfHover,
#nav a:focus, #nav a:hover, .sf-menu a:active {
background:#d1d1d1;
outline:0;
}
 
#nav li:last-child a, #nav li.lastchild a {border-right:0;}
 
/*** arrows **/
#nav a.sf-with-ul {
padding-right:2.25em;
min-width:1px; /* trigger IE7 hasLayout so spans position accurately */
}
 
.sf-sub-indicator {
position:absolute;
display:block;
right:.75em;
top:1.05em; /* IE6 only */
width:10px;
height:10px;
text-indent:-999em;
overflow:hidden;
background:url(cssimages/superfish/arrows-ffffff.png) no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
 
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
top:.8em;
background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
 
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
background-position: -10px -100px; /* arrow hovers for modern browsers*/
}
 
/* point right for anchors in subs */
#nav ul .sf-sub-indicator { background-position:  -10px 0; }
#nav ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
#nav ul a:focus > .sf-sub-indicator,
#nav ul a:hover > .sf-sub-indicator,
#nav ul a:active > .sf-sub-indicator,
#nav ul li:hover > a > .sf-sub-indicator,
#nav ul li.sfHover > a > .sf-sub-indicator {
background-position: -10px 0; /* arrow hovers for modern browsers*/
}
 
/*** shadows for all but IE6 and 7 ***/
.sf-shadow ul {
background:	url(cssimages/superfish/shadow.png) no-repeat bottom right;
padding: 0 4px 5px 0;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-topright: 10px;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
}
 
.sf-shadow ul.sf-shadow-off {
background: transparent;
}
 
 
#splash {clear:both;}
#splash img {display:block;}
 
#pri p, #pri table {
margin-bottom:0.75em;
line-height:1.33em;
}
.striped {width:100%;}
.striped .col-one {width:10%;}
.striped .col-two {width:25%;}
.striped .col-three {width:15%;}
.striped .col-four {width:25%;}
.striped .col-five {width:25%;}
.striped tbody tr:nth-child(odd) td {background:#f1f1f1;}
.striped tbody tr.oddrow td {background:#f1f1f1;} /* Mozilla drops whole rules containing declarations it doesn't understand, so we repeat the striping rule using the class generated by jQuery */
.striped th, .striped td {padding:0.2em 0.6em;}
 
.striped th {
font-weight:bold;
background:#e2e2e2;
}
 
.faq dt {
font-weight:bold;
margin-bottom:1em;
cursor:pointer;
}
 
.faq dd {margin:-1em 0 1em;}
 
#subnav {margin-bottom:1em;}
 
#subnav li {
background:url(cssimages/bullet-subnav.gif) no-repeat 0 7px;
padding:3px 0 5px 13px;
border-bottom:1px solid #d1d3d4;
}
 
#subnav ul {
padding-top:4px;
}
 
#subnav li li {
background:url(cssimages/bullet-sub-subnav.gif) no-repeat 0 7px;
border-bottom:0;
}
 
#subnav li.current a {text-decoration:underline;}
#subnav li a {display:block;}
#subnav li.current li a {text-decoration:none;}
#subnav li.current li a:hover {text-decoration:underline;}
#subnav li:last-child, #subnav li.lastchild {border-bottom:0;}
 
#sec a {
text-decoration:none;
color:#000;
}
 
#sec a:hover {text-decoration:underline;}
 
#ter p {margin-bottom:1em;}
 
#ter ul {
list-style:disc;
padding-left:1.5em;
}
 
#ft {
background:#eee;
color:#000;
}
 
#ft p {padding:0 0 0.5em 2em;}
 
#ft ul#ftnav {
position:absolute;
right:1em;
}
 
#ft li {display:inline;}
 
#ft li a {
display:block;
float:left;
border-right:1px solid #000;
padding:0 0.8em;
color:#000;
text-decoration:none;
line-height:1em;
}
 
#ft li a:hover {text-decoration:underline;}
 
#ft li:last-child a, #ft li.lastchild a {
border-right:0;
margin-right:0;
padding-right:0;
}
 
 
/* Rounded corner box styles
------------------------------------------------- */
 
.rounded {
background:#f1f1f1;
padding:10px;
}
 
 
/* Shadowbox styles
------------------------------------------------- */
#shadowbox_container, #shadowbox_overlay {
top:0;
left:0;
height:100%;
width:100%;
margin:0;
padding:0;
}
 
#shadowbox_container {
position:fixed;
display:block;
visibility:hidden;
z-index:999;
text-align:center;
}
 
#shadowbox_overlay {
position:absolute;
background-image:url(cssimages/shadowbox/overlay.png);
background-repeat:repeat;
}
 
#shadowbox {
position:relative;
margin:0 auto;
text-align:left;
}
 
#shadowbox_body {
position:relative;
margin:0;
padding:0;
border:1px solid #fff;
overflow:hidden;
}
 
#shadowbox_body_inner {
position:relative;
height:100%;
}
 
#shadowbox_content.html {
height:100%;
overflow:auto;
}
 
#shadowbox_loading {
position:absolute;
top:0;
width:100%;
height:100%;
}
 
#shadowbox_body, #shadowbox_loading {
background-color:#060606;
}
 
#shadowbox_loading_indicator {
float:left;
margin:10px 10px 0 10px;
height:32px;
width:32px;
background-image:url(cssimages/shadowbox/loading.gif);
background-repeat:no-repeat;
}
 
#shadowbox_loading span {
font-family:'Lucida Grande', Tahoma, sans-serif;
font-size:10px;
float:left;
margin-top:16px;
}
 
#shadowbox_loading span a:link, #shadowbox_loading span a:visited {
color:#fff;
text-decoration:underline;
}
 
#shadowbox_title, #shadowbox_info {
position:relative;
margin:0;
padding:0;
overflow:hidden;
}
 
#shadowbox_title_inner, #shadowbox_info_inner {
position:relative;
font-family:'Lucida Grande', Tahoma, sans-serif;
line-height:16px;
}
 
#shadowbox_title {
height:26px;
}
 
#shadowbox_title_inner {
font-size:16px;
padding:5px 0;
color:#fff;
}
 
#shadowbox_info {
height:20px;
}
 
#shadowbox_info_inner {
font-size:12px;
color:#fff;
}
 
#shadowbox_nav {
float:right;
height:16px;
padding:2px 0;
width:45%;
}
 
#shadowbox_nav a {
display:block;
float:right;
height:16px;
width:16px;
margin-left:3px;
cursor:pointer;
}
 
#shadowbox_nav_close {
background-image:url(cssimages/shadowbox/close.png);
background-repeat:no-repeat;
}
 
#shadowbox_nav_next {
background-image:url(cssimages/shadowbox/next.png);
background-repeat:no-repeat;
}
 
#shadowbox_nav_previous {
background-image:url(cssimages/shadowbox/previous.png);
background-repeat:no-repeat;
}
 
#shadowbox_nav_play {
background-image:url(cssimages/shadowbox/play.png);
background-repeat:no-repeat;
}
 
#shadowbox_nav_pause {
background-image:url(cssimages/shadowbox/pause.png);
background-repeat:no-repeat;
}
 
#shadowbox_counter {
float:left;
padding:2px 0;
width:45%;
}
 
#shadowbox_counter a {
padding:0 4px 0 0;
text-decoration:none;
cursor:pointer;
color:#fff;
}
 
#shadowbox_counter a.shadowbox_counter_current {
text-decoration:underline;
}
 
div.shadowbox_clear {
clear:both;
}
 
div.shadowbox_message {
font-family:'Lucida Grande', Tahoma, sans-serif;
font-size:12px;
padding:10px;
text-align:center;
}
 
div.shadowbox_message a:link, div.shadowbox_message a:visited {
color:#fff;
text-decoration:underline;
}
 
 
/* Clearfix
------------------------------------------------- */
.grid-2:after, .grid-3:after, .grid-4:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

                                  
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:

Select allOpen in new window

This Question has been solved and asker verified All Experts Exchange premium technology solutions are available to subscription members.

Subscribe now for full access to Experts Exchange and get

Instant Access to this Solution

  • Plus...
  • 30 Day FREE access, no risk, no obligation
  • Collaborate with the world's top tech experts
  • Unlimited access to our exclusive solution database
  • Never be left without tech help again

Subscribe Now

Asked On
2009-04-04 at 05:42:58ID24294732
Topic

Cascading Style Sheets (CSS)

Participating Experts
1
Points
500
Comments
6

Trusted by hundreds of thousands everyday for fast, accurate and reliable tech support.

  • "The time we save is the biggest benefit of Experts Exchange to Warner Bros. What could take multiple guys 2 hours or more each to find is accessed in around 15 minutes on Experts Exchange." Mike Kapnisakis, Warner Bros.
  • "Our team likes having a resource that is more secure than just using Google and most experts using this service really know their stuff. It's nice to look here first versus using Google." Dayna Sellner, Lockheed Martin
  • "Anytime that I've been stumped with a problem, 9 out of 10 times Experts Exchange has either the accepted solution or an open discussion of the potential solution to the problem." Kenny Red, eBay Inc.

See what Experts Exchange can do for you.

Got a question?

We've got the answer.

Experts Exchange has been collecting answers to technology questions since 1996…3 million and counting! If you have a question, chances are we already have your answer.

Screenshot of Experts Exchange Knowledgebase

Need individual assistance?

Our experts are ready to help.

If you can't find the exact answer you're looking for, ask our exclusive community of 50,000 experts. You’ll get a personalized answer from a trusted professional.

Screenshot of Experts Exchange Knowledgebase

Want to learn from the best?

Read articles from industry experts.

Thousands of free tech tips, tricks, how-to’s and tutorials are available in our peer reviewed articles section. See for yourself how smart our experts are, no login required.

Screenshot of an Article

Working on a long term project?

Store your work and research.

Save solutions to your questions, answers you’ve discovered through searching plus helpful articles in your personal knowledgebase for easy future access.

Screenshot of Experts Exchange Knowledgebase

Access the answers to your technology questions today.

Subscribe Now

30-day free trial. Register in 60 seconds.

What Makes Experts Exchange Unique?

Members of the expert community talk about why the experience at Experts Exchange is different than what you will find anywhere else.

Trusted by the world's most respected brands.

image of each brand's logo

Faithfully serving IT professionals since 1996.

Experts Exchange Logo

Try it out and discover for yourself.

Subscribe Now

30-day free trial. Register in 60 seconds.

Related Solutions

  1. Css hacks Firefox, Opera, IE5Mac
    Hi I'm looking for a css hack that will adjust opera 7 and not make any changes to firefox. I have at the moment:- #pgStudent { position: absolute; width: 170px; height: 226px; margin-top: 100px; margin-left: 300px; background-image: url("image/pgStudent.gif"...
  2. CSS Layout
    Hi, I'd like to get some help with the layout I have below. http://www.ashbaughonline.com/testpage.php As you can see, the margins look correct in Firefox, however in IE they look horrible. How can I fix that? Also, is there a way to make the left and right column's height...
  3. CSS layout
    CSS layout... I'm trying to make this layout One header, one menu on the left, and a main page in the middle. here is my css body { margin-left: 0px; margin-top: 0px; padding:0px; margin:0px; background-color:#e2ecf2; } #header{ background-image:url(images/menu_back...
  4. Div, CSS layout help. Looks bad in Firefox, and Opera
    Here i uploaded my html file http://www.sendspace.com/file/fvgmkh I want to create layout with div and css, instead of using tables. Problem is that when i write alot of text, layout to not adjust(on firefox), and on IE everything looks good. Please explain me what to do that...
  5. CSS Layouts
    Hello Could someone give me a brief description of the followng CSS Layouts and advise me which one is best for basic websites 1) Fixed Layout 2) Liquid Layout 3) Hybrid Layout 4)Elastic Layout Thanks

Free Tech Articles

  1. WARNING: 5 Reasons why you should NEVER fix a computer for free.
    It is in our nature to love the puzzle. We are obsessed. The lot of us. We love puzzles. We love the challenge. We thrive on finding the answer. We hate disarray. It bothers us deep in our soul. W...
  2. SCCM OSD Basic troubleshooting
    SCCM 2007 OSD is a fantastic way to deploy operating systems, however, like most things SCCM issues can sometimes be difficult to resolve due to the sheer volume of logs to sift through and the dispe...
  3. Migrate Small Business Server 2003 to Exchange 2010 and Windows 2008 R2
    This guide is intended to provide step by step instructions on how to migrate from Small Business Server 2003 to Windows 2008 R2 with Exchange 2010. For this migration to work you will need the fo...
  4. Create a Win7 Gadget
    This article shows you how to create a simple "Gadget" -- a sort of mini-application supported by Windows 7 and Vista. Gadgets can be dropped anywhere on the desktop to provide instant information, ...
  5. Outlook continually prompting for username and password
    There have been a lot of questions recently regarding Outlook prompting for a username and password whilst using Exchange 2007. There are a few reasons why this would happen and I will try to cover t...
  6. Backup Exchange 2010 Information Store using Windows Backup
    There seems to be quite a lot of confusion around the ability to backup Exchange 2010 using the built in Windows Backup feature. This stems from the omission of this feature prior to Exchange 2007 s...

Cloud Class Webinars

  1. Avoiding Bugs in Microsoft Access
    Alison Balter takes and in-depth look at avoiding bugs in Access. In this webinar you will learn about using the immediate window to debug your applications, invoking the debugger, using breakpoints to troubleshoot, stepping through code, setting the next statement to execute, ...
  2. Top 10 Best New Features in Visio 2010
    Scott Helmers gives live demonstrations of the top 10 new features in Visio 2010. This webinar will teach you how to create compelling diagrams by adding shapes to the page with a single click, linking the shapes in a diagram to data in Excel (or SQL Server, or SharePoint), ...
  3. IT Consultant Business Secrets Revealed
    Michael Munger, Experts Exchange tech pro and IT consultant, pulls back the curtain on his very successful businesses and answers question on every IT consultant and business owner should know about. He shares secrets on what he did to solve the 5 most common problems in IT, ...
  4. Disaster Recovery and Business Continuity
    Quest CTO, Mike Billon, gives an overview of the steps involved in building a dunamic disaster recovery plan. Through case studies and an examination of software/hardware tooles for monitoring and testing, you'll gain a better understandin of where you are, where you want ...
  5. Organize Your Visio Diagrams with Containers and Lists
    Scott Helmers uses cross functional flowcharts, wireframe diagrams, data graphic legends and seating charts to teach you: how to ustilize all three new structured diagram components in Visio 2010, the best practices for organizeing shapes in previous version of Visio, how to organize ...
  6. How to Us Objects, Properties, Events and Methods in Microsoft Access
    Alison Dalter gives an in-depbth look at objects, properties, events and methods in Microsoft Access. In this webinar you will learn about using the object browser, referring to objects, working with properties and methods, working with object variables, understanding the ...

Join the Community

Give a Little. Get a Lot.

Join the community of experts here and help other tech pros by answering question in your area of expertise. You can earn FREE access to all Experts Exchange's premium features and resources.

Join the Community

Answers

 

by: coreybryantPosted on 2009-04-04 at 05:44:04ID: 24067135

To see the parsed code, etc: http://beta.mymerchantaccountblog.com/

I also added the code below.

Thanks!


 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<link rel="stylesheet" href="includes/master.css" type="text/css" media="screen" />
	<!--[if gte IE 6]><link rel="stylesheet" href="includes/ieonly.css" type="text/css" media="screen" /><![endif]-->
	<link rel="stylesheet" href="includes/print.css" type="text/css" media="print" />
	<title>My Merchant Account Blog</title>
	<meta name="description" content="My Merchant Account Blog should help you with your merchant account and electronic payment gateway. Also hopefully it will help explain some fraud attempts and how to notice fraud on your orders." />
	<meta name="keywords" content="merchant account, e-commerce, LinkPoint, ecommerce, paypal, electronic payment gateway, credit cards, accept credit cards" />
	<script type="text/javascript" src="/includes/external-window-http.js"></script>
 
 
</head>
<body>
	<div id="wrap">
		<div id="masthead"><h1>My Merchant Account Blog</h1>
<!-- <div id="infobox">My Merchant Account Blog should help you with your merchant account and electronic payment gateway.  Also 
	hopefully it will help explain some fraud attempts and how to notice fraud 
	on your orders.
</div> -->
</div> <!-- /masthead -->
		<div id="pri">
			<div class="pad">
		<!-- Begin .post -->
 
 
<h2>Certified E-Commerce Guru</h2>
 
<h6 class="date-header">Wednesday, January 21, 2009</h6>
<table style="width:366px; border:0px; border-collapse:collapse; float:left" cellpadding="0" cellspacing="0"><tr><td valign="bottom"><a href="http://www.experts-exchange.com/M_822411.html"><img src="http://www.experts-exchange.com/images/signatures/guruRankTop.gif" /></a></td><td colspan="2" valign="bottom" background="http://www.experts-exchange.com/images/signatures/guruTitleTop.gif"><a href="http://www.experts-exchange.com/M_822411.html" style="font: bold 16px Arial; color: #666; text-decoration:none;">coreybryant</a></td></tr><tr><td valign="top"><a href="http://www.experts-exchange.com/M_822411.html"><img src="http://www.experts-exchange.com/images/signatures/guruRankMiddle.gif" /></a></td><td valign="top"><a href="http://www.experts-exchange.com/M_822411.html"><img src="http://www.experts-exchange.com/images/signatures/guruTitleMiddle.gif" alt="Guru" /></a></td><td valign="top"><a href="http://www.experts-exchange.com/M_822411.html"><img src="http://www.experts-exchange.com/images/signatures/guruPointsMiddle.gif" alt="150,000 Expert Points" /></a></td></tr><tr><td valign="top"><a href="http://www.experts-exchange.com/M_822411.html"><img src="http://www.experts-exchange.com/images/signatures/guruRankBottom.gif" /></a></td><td colspan="2"  valign="top"><a href="http://www.experts-exchange.com/M_822411.html"><img src="http://www.experts-exchange.com/images/signatures//t2i/l_3766.gif" alt="E-Commerce" /></a><br /></td></tr></table>
<p><a href="http://www.experts-exchange.com/" title="Experts Exchange">Experts Exchange</a> 
is a collaboration of experts and IT professionals from around world helping to 
solve problems and share knowledge.&nbsp; Experts Exchange has over 900 zones currently.&nbsp; 
They recognize the experts on a point-based system.&nbsp; One of the writers on 
this blog, Corey Bryant, has achieved guru status for
<a href="http://miscellaneous.mymerchantaccountblog.com/certified-e-commerce-guru.pdf" title="E-Commerce Guru">
E-Commerce Guru</a>.</p>
<p>As noted last 
<a href="http://www.mymerchantaccountblog.com/archives.asp?chosenYear=2008&amp;chosenMonth=12" title="MyMerchantAccountBlog - December 2008">month</a>, the had also achieved the
<a href="http://www.mymerchantaccountblog.com/2008/12/payment-processing-recommendation-and-integrating" title="Payment Processing Recommendation and Integration Guru">
Payment Processing Recommendation and Integration Guru</a>.</p>
<p><a href="http://del.icio.us/post?url=http://www.mymerchantaccountblog.com/2009/01/certified-e-commerce-guru" title="Certified E-Commerce Guru"><img alt="Delicious" src="/images/social/delicious.gif" width="16" height="16" style="padding-right: 3px" /></a><a href="http://digg.com/submit?phase=2&url=http://www.mymerchantaccountblog.com/2009/01/certified-e-commerce-guru" title="Certified E-Commerce Guru"><img alt="Digg This Post" src="/images/social/digg.gif" width="17" height="16" style="padding-right: 3px" /></a><a href="http://www.newsvine.com/_tools/seed&save?u=http://www.mymerchantaccountblog.com/2009/01/certified-e-commerce-guru" title="Certified E-Commerce Guru"><img alt="Newsvine" src="/images/social/newsvine.gif" width="13" height="16" style="padding-right: 3px" /></a><a href="http://reddit.com/submit?url=http://www.mymerchantaccountblog.com/2009/01/certified-e-commerce-guru" title="Certified E-Commerce Guru"><img alt="Reddit" src="/images/social/reddit.gif" width="15" height="13" style="padding-right: 3px" /></a><a href="http://technorati.com/faves?add=http://www.mymerchantaccountblog.com/2009/01/certified-e-commerce-guru" title="Certified E-Commerce Guru"><img alt="Technorati" src="/images/social/technorati.gif" width="16" height="16" style="padding-right: 3px" /></a></p>	
<div class="blogbottom">Posted by <a href="http://www.loudcommerce.com" title="Visit Corey's Website">Corey</a> at <a href="2009/01/certified-e-commerce-guru" title="Permalink for Certified E-Commerce Guru">12:41:29 PM</a> in <a href="/miscellaneous" title="Miscellaneous">Miscellaneous (13)</a> | <a href="2009/01/certified-e-commerce-guru">Comments (0)</a>
</div>
<!-- End .post --> 
 
<h2>Your Merchant Account and Your Growing Business</h2>
 
<h6 class="date-header">Saturday, January 17, 2009</h6>
You have purchased a
<a href="http://www.mymerchantaccountblog.com/domain-names" title="Domain Name">
domain name</a>, found a good
<a href="http://www.mymerchantaccountblog.com/web-hosting-and-design" title="Web Hosting and Design">
web hosting</a> company, and found a product that you think you can sell.&nbsp; 
Now it is time to think about accepting credit cards.&nbsp; Normally, some people 
might think of going to their bank to get an Internet (keyed)
<a href="http://www.mymerchantaccountblog.com/merchant-accounts" title="Merchant Account">
merchant account</a>.&nbsp; Some banks might just tell you they refer merchants 
over to merchant account provider (ISO / MSP) since getting an Internet
<a href="http://www.mymerchantaccountblog.com/merchant-accounts" title="Merchant Account">
merchant account</a> also requires having an
<a href="http://www.mymerchantaccountblog.com/electronic-payment-gateways" title="Electronic Payment Gateway">
electronic payment gateway</a>.&nbsp; And all you needed was a way to accept credit 
cards on your web site.&nbsp; Unfortunately, this is a pretty large step and
<a href="http://www.mymerchantaccountblog.com/2009/01/the-players-in-an-e-commerce-transaction" title="The Players in an E-Commerce Transaction">
many companies are involved in a credit card transaction</a> on the Internet.<br />
<br />
You finally sifted through all the companies, listened to sales people tell you 
why their company is better and you have decided on a ISO / MSP 
and an electronic payment gateway.&nbsp; The ISO / MSP needs you 
to complete an application.&nbsp; Now, if you decided on a company based solely 
on a typical sales call, read the contract completely.&nbsp; It will be very detailed, 
explaining all the fees that are involved and if there is a contractual obligation.&nbsp; 
Even if the salesman told you it is month to month, make sure it is.&nbsp; Some 
will tell you it is month to month, but you might find the provider wanting a three-year 
agreement.&nbsp; So what if you business tanks in six months - the salesman made 
the sale and got the credit.&nbsp; Now you are stuck with a merchant account for 
thirty months.&nbsp; It could cost you upwards of $1,000 or more to cancel the contract 
and to make sure you do not end up on the
<a href="http://www.mymerchantaccountblog.com/2006/06/what-is-the-tmf-list-or-better-known-as-match" title="What is the TMF List or better known as MATCH">
TMF / MATCH List</a>.<br />
<br />
Once you have completed reading the contract, making sure it is everything you thought 
it would be, you are ready to start the process.&nbsp; It wants a lot of information, 
your DBA, the EIN, your address, phone number, e-mail address, how long you are 
in business, if you have had a merchant account before, how much monthly volume 
you expect, your average ticket amount.&nbsp; Now wait a minute, if you are just 
starting a business, how do you expect to know how much volume you will be receiving?&nbsp; 
You hope a lot, of course but being realistic, it might take a few months before 
you turn a profit.
<h3>Monthly Volume</h3>
Well what number should you enter into this field?&nbsp; Does it make a difference?&nbsp; 
Should you enter a number higher or lower than what you think?&nbsp; Some good questions 
to ponder.&nbsp; <br />
<br />
Well, it does make a difference in the number you enter.&nbsp; And it makes even 
a bigger difference if the average ticket is a large amount.&nbsp; For example, if you enter 
$20,000 for the monthly volume and $5,000 for the average ticket, the ISO / MSP will look into this account a bit more.&nbsp; One chargeback could easily 
push you over the
<a href="http://www.mymerchantaccountblog.com/2007/07/chargeback-ratios" title="chargeback ratio">
chargeback ratio</a>, thus having your merchant account suspended or even terminated.
<h4>Merchant Account Suspended</h4>
Let&#39;s look at this a bit differently.&nbsp; Most ISOs / MSPs in the 
United States will approve your application pretty quickly if it is under $30,000 
a month and you are not selling something they consider high risk.&nbsp; Some sales 
agents will tell you to enter what you think you will be doing in six months.&nbsp; 
Merchant account providers are in business to make money - most businesses are.&nbsp; 
The provider is the one who will have to pay the money back to the consumer if the 
merchant turns out to be fraudulent.&nbsp; They are the ones that monitor the merchant&#39;s 
activity.&nbsp; If there is a significant increase in volume and transactions, this 
could raise a red flag to the provider.&nbsp; The ISO / MSP might 
think you, the merchant, is doing something dishonest and might want to review your 
account.&nbsp; This is very typical - it helps to protect the provider.&nbsp; 
The provider could suspend some of the transactions while they verify the transaction 
with the consumer.<br />
<br />
If you call the ISO / MSP to let them know of this increase before 
it happens, things will usually be a lot easier.&nbsp; For example, maybe next month 
you are considering doing an advertisement on the local radio.&nbsp; You hope this 
will increase your sales.&nbsp; And you don&#39;t want anything to hinder your company 
from getting the money from those sales.&nbsp; The ISO / MSP might 
ask that you fax over the receipt from the radio station as confirmation.&nbsp; 
Fax that over and maybe the next day, follow-up with a phone call to make sure everything 
is OK.<br />
<br />
The ISO / MSP might also ask that you fax over a copy of your bank 
statement and complete a request for a limit increase.&nbsp; Do this right away 
to ensure no funds are held.&nbsp; Follow up with a phone call the next day or so, 
and always document who you spoke to - get their name or ID number.&nbsp; I am not 
saying that a ISO / MSP will do anything negative, it&#39;s just always 
good to have documentation.
<h3>Merchant Organic Growth</h3>
Another factor in growing is time in business.&nbsp; Hopefully your business grows 
month-to-month, year-to-year.&nbsp; Usually, merchant account providers will take 
this into consideration.&nbsp; For example, I spoke with Chris over at
<a href="http://www.cdgcommerce.com" title="CDGCommerce">CDGCommerce</a> recently 
about this.&nbsp; He said that usually no action is taken on a merchant if the volume 
increases slowly over time.&nbsp; He called it &quot;typical merchant organic growth&quot;.<br />
<br />
Consider this - each merchant is different.&nbsp; Each ISO / MSP 
is different.&nbsp; I know that most like certainty - something like the Pythagorean 
theorem if you will.&nbsp; Unfortunately, there is not a formula for them (merchants 
and merchant account providers) to just enter a couple of numbers into to get a 
specific answer.&nbsp; Everything is on a case by case basis.&nbsp; A considerate 
and polite attitude always helps as well.&nbsp; I know these matters can be very 
delicate and patience might be needed from time to time.&nbsp; <br />
<br />
If you see your business growing as the example above, it won&#39;t hurt to pick up 
the phone and call your ISO / MSP.&nbsp; I know, why bring attention 
to your account - things seem to be going OK, money is going into your bank account 
daily.&nbsp; But you are an honest businessman doing a hard day of work, so you 
have nothing to worry about.&nbsp; This will show the ISO / MSP 
you understand how much you respect having the account and you want to make sure 
you are playing by all the rules. <br /><br />
<a href="http://del.icio.us/post?url=http://www.mymerchantaccountblog.com/2009/01/your-merchant-account-and-your-growing-business" title="Your Merchant Account and Your Growing Business"><img alt="Delicious" src="/images/social/delicious.gif" width="16" height="16" style="padding-right: 3px" /></a><a href="http://digg.com/submit?phase=2&url=http://www.mymerchantaccountblog.com/2009/01/your-merchant-account-and-your-growing-business" title="Your Merchant Account and Your Growing Business"><img alt="Digg This Post" src="/images/social/digg.gif" width="17" height="16" style="padding-right: 3px" /></a><a href="http://www.newsvine.com/_tools/seed&save?u=http://www.mymerchantaccountblog.com/2009/01/your-merchant-account-and-your-growing-business" title="Your Merchant Account and Your Growing Business"><img alt="Newsvine" src="/images/social/newsvine.gif" width="13" height="16" style="padding-right: 3px" /></a><a href="http://reddit.com/submit?url=http://www.mymerchantaccountblog.com/2009/01/your-merchant-account-and-your-growing-business" title="Your Merchant Account and Your Growing Business"><img alt="Reddit" src="/images/social/reddit.gif" width="15" height="13" style="padding-right: 3px" /></a><a href="http://technorati.com/faves?add=http://www.mymerchantaccountblog.com/2009/01/your-merchant-account-and-your-growing-business" title="Your Merchant Account and Your Growing Business"><img alt="Technorati" src="/images/social/technorati.gif" width="16" height="16" style="padding-right: 3px" /></a>
 
<div class="blogbottom">Posted by <a href="http://www.loudcommerce.com" title="Visit Corey's Website">Corey</a> at <a href="2009/01/your-merchant-account-and-your-growing-business" title="Permalink for Your Merchant Account and Your Growing Business">6:43:41 PM</a> in <a href="/merchant-accounts" title="Merchant Accounts - Accepting Credit Cards">Merchant Accounts (40)</a> | <a href="2009/01/your-merchant-account-and-your-growing-business">Comments (0)</a>
</div>
<!-- End .post --> 
 
<h2>The Players in an E-Commerce Transaction</h2>
 
<h6 class="date-header">Thursday, January 08, 2009</h6>
When you get a
<a href="http://www.mymerchantaccountblog.com/merchant-accounts" title="Merchant Accounts - Accept Credit Cards">
merchant account</a>, you usually let the merchant account provider know what card 
types (Visa, American Express, MasterCard, JCB, Discover, etc) you would like to 
accept.&nbsp; This usually permits the e-commerce merchant to accept any cards that 
display this logo, even debit cards (you might need to check something on your merchant 
account application for the debit cards).&nbsp; Accepting these cards, credit / 
debit, and at least Visa / MasterCard, will allow you to sell to most everyone.<br />
<br />
If you start to think about accepting credit cards, you might only be familiar with 
your merchant account provider, the
<a href="http://www.mymerchantaccountblog.com/electronic-payment-gateways" title="electronic payment gateway">
electronic payment gateway</a>, and the consumer.&nbsp; However, there are a few 
more companies involved in the transaction.&nbsp; We will take a look at some of 
the companies and their function in a (Visa) e-commerce transaction.
<h3>E-Commerce Merchant</h3>
An e-fcommerce merchant is an authorized individual / company of certain card associations 
(Visa, MasterCard, American Express, Discover Financial Services, JCB, etc. for 
services or products.
<h3>Cardholder</h3>
An authorized individual / company that has a card with one of the card association 
logos on it.
<h3>Issuing Bank</h3>
This is a financial institution that maintains the (Visa) cardholder&#39;s relationship 
while also issuing (Visa) cards and contracts to cardholders for repayments of transactions.
<h3>Acquiring Bank</h3>
This is a financial institution that contacts with merchants to accept and process 
(Visa) cards for payment of services and goods.
<h3>VisaNet Processor</h3>
A member (or Visa approved nonmember) that is directly connected to VisaNet&reg; to provide 
authorization, clearing, or settlements for merchants / members.
<h3>VisaNet&reg;</h3>
This is a collection of systems that support the electronic transmission of 
all Visa card authorizations between acquirers and issuers and facilitates the 
settlement of funds.&nbsp; In January 2002, First Data announced a program in 
which card transactions where First Data is the processor for both the card 
issuer and the merchant would be processed internally by First Data, without 
going through VisaNet&reg;.&nbsp; Visa did sue First Data but it was settled:
<a href="http://news.firstdata.com/news/releaseDetail.cfm?ReleaseID=203138" title="Visa USA and First Data Corporation Agree to Settle Legal Dispute">Visa USA and First Data Corporation Agree to Settle Legal Dispute</a>.
<h3>Merchant Servicer</h3>
This is a company
that stores, processes, or transmits account numbers on behalf of a member&#39;s 
merchant.&nbsp; Some examples include providing services as online shopping 
carts,
<a href="http://www.mymerchantaccountblog.com/electronic-payment-gateways" title="electronic payment gateways">
electronic payment gateways</a>, hosting facilities, data storage, 
authorization, and / or clearing and settlement messages.
<br />
<br />
All these companies or services help the authorization, authentication, and 
settlement of the transaction.
<br /><br />
<a href="http://del.icio.us/post?url=http://www.mymerchantaccountblog.com/2009/01/the-players-in-an-e-commerce-transaction" title="The Players in an E-Commerce Transaction"><img alt="Delicious" src="/images/social/delicious.gif" width="16" height="16" style="padding-right: 3px" /></a><a href="http://digg.com/submit?phase=2&url=http://www.mymerchantaccountblog.com/2009/01/the-players-in-an-e-commerce-transaction" title="The Players in an E-Commerce Transaction"><img alt="Digg This Post" src="/images/social/digg.gif" width="17" height="16" style="padding-right: 3px" /></a><a href="http://www.newsvine.com/_tools/seed&save?u=http://www.mymerchantaccountblog.com/2009/01/the-players-in-an-e-commerce-transaction" title="The Players in an E-Commerce Transaction"><img alt="Newsvine" src="/images/social/newsvine.gif" width="13" height="16" style="padding-right: 3px" /></a><a href="http://reddit.com/submit?url=http://www.mymerchantaccountblog.com/2009/01/the-players-in-an-e-commerce-transaction" title="The Players in an E-Commerce Transaction"><img alt="Reddit" src="/images/social/reddit.gif" width="15" height="13" style="padding-right: 3px" /></a><a href="http://technorati.com/faves?add=http://www.mymerchantaccountblog.com/2009/01/the-players-in-an-e-commerce-transaction" title="The Players in an E-Commerce Transaction"><img alt="Technorati" src="/images/social/technorati.gif" width="16" height="16" style="padding-right: 3px" /></a>
	
<div class="blogbottom">Posted by <a href="http://www.loudcommerce.com" title="Visit Corey's Website">Corey</a> at <a href="2009/01/the-players-in-an-e-commerce-transaction" title="Permalink for The Players in an E-Commerce Transaction">5:18:14 PM</a> in <a href="/merchant-accounts" title="Merchant Accounts - Accepting Credit Cards">Merchant Accounts (40)</a> | <a href="2009/01/the-players-in-an-e-commerce-transaction">Comments (1)</a>
</div>
<!-- End .post --> 
 
<h2>Credit Transaction</h2>
 
<h6 class="date-header">Tuesday, December 30, 2008</h6>
There might be a 
time where you need to refund a customer, however the transaction is not on the 
electronic payment gateway.&nbsp; For example, you might have change
<a href="http://www.mymerchantaccountblog.com/electronic-payment-gateways" title="electronic payment gateways">
electronic payment gateways</a> or the customer no longer has the credit card 
that was used to purchase the merchandise.&nbsp; <br />
<br />
This feature is usually disabled because of the risks involved.&nbsp; For 
example, the merchant could abuse this privilege by crediting his own credit 
card.&nbsp; You might have an individual that does the billing, and that person 
could credit his own credit card, skip town - leaving you with an empty bank 
account.&nbsp; Or you might accidentally enter the wrong credit card number in 
the virtual terminal, thus crediting another person instead of your customer.<br />
<br />
In the electronic <a href="http://www.mymerchantaccountblog.com/electronic-payment-gateways" title="electronic payment gateways">payment gateway&#39;s</a> virtual terminal, look for Credit (instead 
of Sale).&nbsp; You should be able to enter the correct information to credit 
your customer&#39;s credit card.&nbsp; If you do not see this option, contact your
<a href="http://www.mymerchantaccountblog.com/merchant-accounts" title="merchant account">merchant 
account</a> provider to have permission to do a credit transaction. 
<br /><br />
<a href="http://del.icio.us/post?url=http://www.mymerchantaccountblog.com/2008/12/credit-transaction" title="Credit Transaction"><img alt="Delicious" src="/images/social/delicious.gif" width="16" height="16" style="padding-right: 3px" /></a><a href="http://digg.com/submit?phase=2&url=http://www.mymerchantaccountblog.com/2008/12/credit-transaction" title="Credit Transaction"><img alt="Digg This Post" src="/images/social/digg.gif" width="17" height="16" style="padding-right: 3px" /></a><a href="http://www.newsvine.com/_tools/seed&save?u=http://www.mymerchantaccountblog.com/2008/12/credit-transaction" title="Credit Transaction"><img alt="Newsvine" src="/images/social/newsvine.gif" width="13" height="16" style="padding-right: 3px" /></a><a href="http://reddit.com/submit?url=http://www.mymerchantaccountblog.com/2008/12/credit-transaction" title="Credit Transaction"><img alt="Reddit" src="/images/social/reddit.gif" width="15" height="13" style="padding-right: 3px" /></a><a href="http://technorati.com/faves?add=http://www.mymerchantaccountblog.com/2008/12/credit-transaction" title="Credit Transaction"><img alt="Technorati" src="/images/social/technorati.gif" width="16" height="16" style="padding-right: 3px" /></a>	
	
<div class="blogbottom">Posted by <a href="http://www.loudcommerce.com" title="Visit Corey's Website">Corey</a> at <a href="2008/12/credit-transaction" title="Permalink for Credit Transaction">11:51:01 AM</a> in <a href="/miscellaneous" title="Miscellaneous">Miscellaneous (13)</a> | <a href="2008/12/credit-transaction">Comments (0)</a>
</div>
<!-- End .post --> 
		
			</div> <!-- /pad -->
			</div> <!-- /pri -->
		<div id="sec">sec<div id="sidenotes">
<h5>Search My Merchant Account Blog</h5> 
<form method="post" action="/search.asp">
<label for="search" accesskey="4">Search this Blog:</label><br />
<input id="search" name="search" size="20" /><br />
<input type="submit" value="Search" />
</form>	
 
<div class="sidenav">
<ul>
	<li><a href="http://www.mymerchantaccountblog.com/" title="My Merchant Account Blog Home">Home</a></li>
</ul>
 
 
<h5>My Merchant Account Blog Categories</h5>
<ul>
 
<li><a href="/domain-names" title="Domain Names">Domain Names (1)</a></li>
 
<li><a href="/electronic-payment-gateways" title="Electronic Payment Gateways - Accepting Credit Cards">Electronic Payment Gateways (4)</a></li>
 
<li><a href="/linkpoint" title="LinkPoint, YourPay, SurePay, Integrated Internet Payments">LinkPoint (3)</a></li>
 
<li><a href="/merchant-accounts" title="Merchant Accounts - Accepting Credit Cards">Merchant Accounts (40)</a></li>
 
<li><a href="/miscellaneous" title="Miscellaneous">Miscellaneous (13)</a></li>
 
<li><a href="/security" title="Payment Card Industry Data Security Standard">Security (19)</a></li>
 
<li><a href="/web-hosting-and-design" title="Web Hosting and Design">Web Hosting and Design (4)</a></li>
 
</ul>
 
 
<h5>My Merchant Account Blog Archives</h5>
<ul>
 
<li><a href="/archives.asp?chosenYear=2009&amp;chosenMonth=1">January&nbsp;2009</a></li>
 
<li><a href="/archives.asp?chosenYear=2008&amp;chosenMonth=12">December&nbsp;2008</a></li>
 
<li><a href="/archives.asp?chosenYear=2008&amp;chosenMonth=9">September&nbsp;2008</a></li>
 
<li><a href="/archives.asp?chosenYear=2008&amp;chosenMonth=4">April&nbsp;2008</a></li>
 
<li><a href="/archives.asp?chosenYear=2008&amp;chosenMonth=3">March&nbsp;2008</a></li>
 
<li><a href="/archives.asp?chosenYear=2008&amp;chosenMonth=1">January&nbsp;2008</a></li>
 
<li><a href="/archives.asp?chosenYear=2007&amp;chosenMonth=12">December&nbsp;2007</a></li>
 
<li><a href="/archives.asp?chosenYear=2007&amp;chosenMonth=11">November&nbsp;2007</a></li>
 
<li><a href="/archives.asp?chosenYear=2007&amp;chosenMonth=10">October&nbsp;2007</a></li>
 
<li><a href="/archives.asp?chosenYear=2007&amp;chosenMonth=9">September&nbsp;2007</a></li>
 
<li><a href="/archives.asp?chosenYear=2007&amp;chosenMonth=8">August&nbsp;2007</a></li>
 
<li><a href="/archives.asp?chosenYear=2007&amp;chosenMonth=7">July&nbsp;2007</a></li>
 
<li><a href="/archives.asp?chosenYear=2007&amp;chosenMonth=6">June&nbsp;2007</a></li>
 
<li><a href="/archives.asp?chosenYear=2007&amp;chosenMonth=5">May&nbsp;2007</a></li>
 
<li><a href="/archives.asp?chosenYear=2007&amp;chosenMonth=4">April&nbsp;2007</a></li>
 
<li><a href="/archives.asp?chosenYear=2007&amp;chosenMonth=3">March&nbsp;2007</a></li>
 
<li><a href="/archives.asp?chosenYear=2007&amp;chosenMonth=2">February&nbsp;2007</a></li>
 
<li><a href="/archives.asp?chosenYear=2007&amp;chosenMonth=1">January&nbsp;2007</a></li>
 
<li><a href="/archives.asp?chosenYear=2006&amp;chosenMonth=12">December&nbsp;2006</a></li>
 
<li><a href="/archives.asp?chosenYear=2006&amp;chosenMonth=11">November&nbsp;2006</a></li>
 
<li><a href="/archives.asp?chosenYear=2006&amp;chosenMonth=10">October&nbsp;2006</a></li>
 
<li><a href="/archives.asp?chosenYear=2006&amp;chosenMonth=8">August&nbsp;2006</a></li>
 
<li><a href="/archives.asp?chosenYear=2006&amp;chosenMonth=7">July&nbsp;2006</a></li>
 
<li><a href="/archives.asp?chosenYear=2006&amp;chosenMonth=6">June&nbsp;2006</a></li>
 
<li><a href="/archives.asp?chosenYear=2006&amp;chosenMonth=5">May&nbsp;2006</a></li>
 
<li><a href="/archives.asp?chosenYear=2006&amp;chosenMonth=4">April&nbsp;2006</a></li>
 
<li><a href="/archives.asp?chosenYear=2006&amp;chosenMonth=3">March&nbsp;2006</a></li>
 
<li><a href="/archives.asp?chosenYear=2006&amp;chosenMonth=2">February&nbsp;2006</a></li>
 
<li><a href="/archives.asp?chosenYear=2006&amp;chosenMonth=1">January&nbsp;2006</a></li>
 
<li><a href="/archives.asp?chosenYear=2005&amp;chosenMonth=12">December&nbsp;2005</a></li>
 
</ul>
<h5>My Merchant Account Blog Recent Entries</h5>
<ul>
  
<li><a href="/2009/01/certified-e-commerce-guru">Certified E-Commerce Guru</a></li>
 
<li><a href="/2009/01/your-merchant-account-and-your-growing-business">Your Merchant Account and Your Growing Business</a></li>
 
<li><a href="/2009/01/the-players-in-an-e-commerce-transaction">The Players in an E-Commerce Transaction</a></li>
 
<li><a href="/2008/12/credit-transaction">Credit Transaction</a></li>
 
<li><a href="/2008/12/pci-myths">PCI Myths</a></li>
 
<li><a href="/2008/12/maintain-an-information-security-policy">Maintain an Information Security Policy</a></li>
 
<li><a href="/2008/12/regularly-monitor-and-test-networks">Regularly Monitor and Test Networks</a></li>
 
<li><a href="/2008/12/payment-card-industry-data-security-standard">Payment Card Industry Data Security Standard</a></li>
 
<li><a href="/2008/12/implement-strong-access-control-measures">Implement Strong Access Control Measures</a></li>
 
<li><a href="/2008/12/maintain-a-vulnerability-management-program">Maintain a Vulnerability Management Program</a></li>
 
</ul>
<h5>Other Blogs</h5>
<ul>
<li><a rel="external" href="http://www.seo-blog.com/">Search Engine Optimization for Site Owners and Small Businesses</a></li>
<li><a rel="external" href="http://webrankingconsultants.com/wordpress/">Search Engine Optimization</a></li>
</ul>
<h5>Pod Casts</h5>
<ul>
<li><a rel="external" href="http://www.merchantaccountshow.net/" title="Merchant Account Show">Merchant Account Show</a></li>
</ul>
<br /><br />
<a href="http://www.mymerchantaccountblog.com/sitemap.asp" title="My Merchant Account Blog SiteMap">SiteMap</a>
<br /><br />
<script type="text/javascript" src="http://pub.mybloglog.com/comm2.php?mblID=2007040707521384&amp;c_width=170&amp;c_sn_opt=y&amp;c_rows=5&amp;c_img_size=f&amp;c_heading_text=Recent+Readers&amp;c_color_heading_bg=FFFFFF&amp;c_color_heading=003366&amp;c_color_link_bg=FFFFFF&amp;c_color_link=000066&amp;c_color_bottom_bg=FFFFFF"></script></div>
<br /><br />
<!--<script type="text/javascript" src="http://pub.mybloglog.com/stats.php?mblID=2007040707521384&amp;width=170&amp;max_chars=20&amp;color_heading_bg=FFFFFF&amp;color_heading=000000&amp;color_link_bg=FFFFFF&amp;color_link=005A94&amp;color_bottom_bg=FFFFFF"></script>-->
 
<!--NetworkedBlogs Start--><style type="text/css"><!--.networkedblogs_widget a {text-decoration:none;color:#3B5998;font-weight:normal;}.networkedblogs_widget .networkedblogs_footer a {text-decoration:none;color:#FFFFFF;font-weight:normal;}--></style><div id='networkedblogs_container' style='height:180px;padding-top:20px;'><div id='networkedblogs_above'></div><div id='networkedblogs_widget' style="width:120px;margin:0px auto;padding:0px 0px 3px 0px;font-family:'lucida grande',tahoma,Verdana,Arial,Sans-Serif;font-size:11px;font-weight:normal;text-decoration:none;background:#3B5998 none repeat scroll 0% 0%;border:none;line-height:13px;"><div id='networkedblogs_header' style="padding:1px 1px 2px 3px;text-align:left;"><a href='http://www.facebook.com/apps/application.php?id=9953271133' style="text-decoration:none;color:#FFFFFF;font-weight:normal;font-size:11px;background-repeat:no-repeat;">Blog Networks</a></div><div id='networkedblogs_body' style="background-color:#FFFFFF;color:#444444;padding:4px;border-left:1px solid #D8DFEA;border-right:1px solid #D8DFEA;text-align:left;"><table cellpadding="0" cellspacing="0"><tr><td><span style="color:#777777;">Blog:</span></td></tr><tr><td><a target="_blank" href="http://www.networkedblogs.com/blog/my_merchant_account_blog" style="text-decoration:none;color:#3B5998;">My Merchant Account Blog</a></td></tr><tr><td><div style="padding:0px;padding-top:5px;color:#777777;">Topics:</div></td></tr><tr><td><a target='_blank' href='http://www.networkedblogs.com/topic/merchant+accounts' style='text-decoration:none;color:#3B5998;'>merchant accounts</a>, <a target='_blank' href='http://www.networkedblogs.com/topic/electronic+payment+gateways' style='text-decoration:none;color:#3B5998;'>electronic payment gateways</a>, <a target='_blank' href='http://www.networkedblogs.com/topic/credit+card+processing' style='text-decoration:none;color:#3B5998;'>credit card processing</a></td></tr><tr><td><div id='networkedblogs_badges'>&nbsp;</div></td></tr><tr><td><div style='padding:0px;text-align:center;'><a target="_blank" href="http://www.networkedblogs.com/blog/my_merchant_account_blog?ahash=b456708995d14ebf96d14f896775da0b" style="text-decoration:none;color:#666666;font-weight:normal;font-size:10px;">Join my network</a></div></td></tr></table></div></div><div id='networkedblogs_below' class='networkedblogs_below'></div></div><script type="text/javascript"><!--
if(typeof(networkedblogs)=="undefined"){networkedblogs = {};networkedblogs.blogId=918;networkedblogs.shortName="my_merchant_account_blog";}
--></script><script type="text/javascript" src="http://widget.networkedblogs.com/getwidget?bid=918"></script><!--NetworkedBlogs End-->
 
</div>
 
 
 
</div> <!-- /sec -->
		<div id="ter">tersidenotes
 
</div> <!-- /ter -->
	</div> <!-- /wrap -->
	<div id="ft"><div id="footer">
<div class="rsslinks"><a href="http://www.mymerchantaccountblog.com/feeds.asp">Feeds Available </a>
</div>
<div class="footerinner">&copy; <a href="http://www.loudcommerce.com/">
	LoudCommerce</a> | Valid <a href="http://validator.w3.org/check?uri=referer">XHTML 1.1</a> and <a href="#">CSS 2.0 </a>
</div>
</div>
 
<script type="text/javascript" src="http://track3.mybloglog.com/js/jsserv.php?mblID=2007040707521384"></script>
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-314142-10";
urchinTracker();
</script>
<!-- Woopra Code Start -->
<script type="text/javascript">
var _wh = ((document.location.protocol=='https:') ? "https://sec1.woopra.com" : "http://static.woopra.com");
document.write(unescape("%3Cscript src='" + _wh + "/js/woopra.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<!-- Woopra Code End -->
	</div> <!-- /ft -->
</body>
</html>

                                              
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:

Select allOpen in new window

 

by: GeekyDesignerPosted on 2009-04-04 at 07:00:28ID: 24067418

Hello,

I looked at your code, and see errors, but not specifically width problems.  

I'm not sure what validator you are using, but these are the ones I would suggest:

http://validator.w3.org/ ( for HTML)

http://jigsaw.w3.org/css-validator/  (for CSS)


When I run page through these validators, these are the errors:

http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fbeta.mymerchantaccountblog.com%2F

http://jigsaw.w3.org/css-validator/validator?profile=css2&warning=2&uri=http%3A%2F%2Fbeta.mymerchantaccountblog.com%2F


Also, your doc type is xHTML strict mode. Consider changing this to xHTML Transitional:

<!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">

I hope this helps,

~GD


 

by: coreybryantPosted on 2009-04-04 at 14:06:06ID: 24069020

I did use the Jigsaw page for the validation.

Some of the elements are not being used - I just need to remove them at some point.  But for example, it reports
In (x)HTML+CSS, floated elements need to have a width declared. Only elements with an intrinsic width (html, img, input, textarea, select, or object) are not affected

for (I believe) the below code.

#pri .pad {
margin:0px 275px 0px 265px;
padding:8px;
background-color:#ddecef;
}
                                              
1:
2:
3:
4:
5:

Select allOpen in new window

 

by: GeekyDesignerPosted on 2009-04-04 at 15:20:51ID: 24069307

Is there some reason you can't add a width to the floating elements?

~GD

 

by: coreybryantPosted on 2009-04-06 at 05:48:13ID: 24076754

I probably could but that brings me back to the original question almost (it said it wanted a couple of widths but I was not sure (how much) to put in there.)

 

by: GeekyDesignerPosted on 2009-04-06 at 07:49:27ID: 24077809

There are a few ways you could get the width of the floating elements:

1. Use a screen ruler. I personally use Cool Ruler:
http://www.softpedia.com/get/Desktop-Enhancements/Other-Desktop-Enhancements/Cool-Ruler.shtml

2. Use Photoshop. Use a screen shot of the page or use your Photoshop mockup.

a. Create a rectangle marque around the floating div.

b. In the top menu go to Edit/Copy Merged

c. Then:  file/new

d. When the pop up box for the new file appears, note the width. That is the width size you need.

Of course, this will just give you a rough width size. You will probably have to play with the width in your CSS file to get it pixel perfect.  :)

I hope this helps!

~GD




20120131-EE-VQP-002

3 Ways to Join

30-Day Free Trial

The Experts

98% positive feedback on 31,087 answers since March 2000. angeliii is a Microsoft Most Valuable Professional for his work with MS SQL Server & Develoment.

He has also proven his knowledge of Visual Basic Programming, PHP Scripting and Oracle Databases.

The Experts

97% positive feedback on 10,752 answers since July 2000. lrmoore has more than 18 years experience in the networking industry.

The six-time Mircosoft MVPs specialties include firewalls, virtual private networking, and network management.

Testimonials

"...and excellent source for support... Kind of like having your very own IT dept." Electriciansnet

Testimonials

"I was apprehensive at signing up at first. However... it has already made my life as an IT administrator much easier." JaCrews

Testimonials

"WOW! You guys have great, active, and knowledgeable people on here." moore50

Business Clients

Business Clients

In the Press

"If you’ve got a question... Experts Exchange can supply an answer.”

In the Press

"...an invaluable aid for both IT professionals and those who require tech support."

In the Press

"where IT professionals provide quick answers on just about any topic"

Business Account Plans

Loading Advertisement...