?
Solved

how do I remove padding in this div tag? I dont see it enabled anywhere

Posted on 2008-11-17
2
Medium Priority
?
1,165 Views
Last Modified: 2012-08-14
Hi I have a webpage www.cellprophones.com and I just edited the template- I created a column by adding a div tag. I had 1 div with a large content area, (736 pixels wide) and I cut it down to like 368 pixels wide and created a second, also 368 pixels wide. The second one is fine, however my original one has padding enabled on both the right and left sides. I checked the tags in the html, and also in the css, I dont see anything with padding enabled for that div tag (the original). I was wondering how to remove the padding? PS- also there is a difference in the line spacing  note the original div and the 2nd div have different spacings.  

Does anyone have any ideas how to fix?

Html location: www.cellprophones.com/index.html
Css location: www.cellprophones.com/style2.css,
(ps- css is also attached below)



body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #28373c;
	background:#FFFFFF url(images/bg.jpg) top left repeat-x;
	margin:0px;
	margin-top:16px;
	margin-bottom:16px;
}
h1 {
	font-family:Helvetica, sans-serif;
	color:#0059ab;
	font-size:32px;
	font-weight:normal;
	padding-top:25px;
	margin-top:0px;
	padding-bottom:5px;
	margin-bottom:0px;
}
h2 {
	font-family:Arial,Helvetica, sans-serif;
	color:#28373c;
	font-size:12px;
	font-weight:normal;
	padding-top:5px;
	margin-top:0px;
}
 
p {
	padding-top:5px;
	padding-bottom:5px;
	margin-top:0px;
	margin-bottom:0px;
}
.hr {
	width: 100%; 
	text-align:center; 
	height:24px; 
	background:url(images/bg_hr.gif) left top repeat-x; 
	border:0px none;
}
.clear {clear:both}
 
/* Wrap */
#wrap {margin:0px auto; width: 736px; padding:12px; padding-bottom:0px; background:#FFFFFF; border:1px solid #666666}
 
/* Header */
#header {width:736px; margin:0px auto}
 
 
/* Navbar */
#navbar {
	background: #0070A0 url(images/navbar.gif);
	width: 736px;
	height: 31px;
	font-size: 11px;
	font-family: Arial, Tahoma, Verdana;
	color: #FFFFFF;
	font-weight: bold;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	border-top: 1px solid #1F8CC4;
	border-bottom: 1px solid #00557C;
	margin-top:6px;
	}
	
#navbar a, #navbar a:visited {
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
	text-transform: uppercase;
	padding: 0px 0px 0px 3px;
	background:url(images/nav_separator.gif) right no-repeat;
	}
	
#navbar a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	background:url(images/nav_separator.gif) right no-repeat;
	}
	
#navbar p {
	color: #FFFFFF;
	margin: 0px auto 0px;
	padding: 0px 0px 0px 10px;
	font-weight: bold;
	}
	
#navbarright a img {
	border: none;
	margin: 0px;
	padding: 0px;
	}
	
#navbarleft {
	width: 736px;
	float: left;
	margin: 0px;
	padding: 8px 0px 8px 0px;
	}
	
#navbarright {
	width: 194px;
	font-size: 11px;
	float: right;
	margin: 0px;
	padding: 0px;
	}
	
#navbar ul {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	}
	
#navbar li {
	display: inline;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
	
#navbar ul li a, #navbar ul li a:visited {
	font-size: 11px;
	font-family: Arial, Tahoma, Verdana;
	color: #FFFFFF;
	margin: 0px -3px 0px 0px;
	padding: 8px 36px 9px 34px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	}
 
#navbar ul li a:hover {
	color: #FFFFFF;
	margin: 0px -3px 0px 0px;
	padding: 8px 36px 9px 34px;
	text-decoration: none;
	background:#004883 url(images/navbar_hover.gif) left repeat-x;
	}
	
.current_page_item a, .current_page_item a:hover {
    background: #004883 !important;
    color: #FFFFFF !important;
    }
 
/* Search */
.search_pos {float:left; width:134px; padding-left:20px;}
.search_input {
	background:url(images/bg_search.gif) repeat-x 0px 0px; 
	width:132px; height:18px; 
	padding-left:2px; 
	border:0px none; 
	font-family:Arial, Helvetica, sans-serif; 
	color:#787772; 
	font-size:11px; 
	font-weight:bold; 
	padding-top:8px;
}
.button_pos {padding-top:6px; float:left}
.lajsna {
	width:736px; 
	height:9px;
	line-height:9px; 
	background:url(images/bg_nav_bottom.gif) left top repeat-x; 
	display:block; 
	padding-bottom:0px; 
	margin-bottom:0px;
	padding-top:0px;
}
 
/* Body of Page */
#left {
	float:left; 
	width:199px; 
	border-top:1px solid #FFFFFF; 
	border-left:0px none; 
	border-bottom:1px solid #FFFFFF; 
	border-right:1px solid #FFFFFF; 
	background:#FFFFFF url(images/bg_left.gif) top left repeat-x;
}
 
#left .body {
	padding:10px;
}
 
#right {
	float:left; 
	width:198px; 
	border-top:1px solid #FFFFFF; 
	border-left:1px solid #FFFFFF; 
	border-bottom:1px solid #FFFFFF; 
	border-right:1px solid #D1CFD0; 
	background:#D4D4D4 url(images/bg_left.gif) top left repeat-x;
}
#right .body {
	padding:10px;
}
#content {
	float:left; 
	width:537px; 
	background:url(images/bg_body.gif) left top repeat-y; 
	border:0px none;
}
#content .body {
	padding-left:36px;
	padding-right:36px;
} 
 
#full_content {
	width: 368px;
	background-color:#ffffff;
	float: left;
 
}
#full_content2 {
	width: 368px;
	background-color:#ffffff;
	float: right;
 
}
 
#full_content .body {
	padding-left:36px;
	padding-right:36px;
} 
#full_content .body img {
	float:left;
	margin-right:10px;
	border:1px solid #D1CFD0;
} 
 
/* Bottom menu */
#bottom_menu {
	padding-top:20px; text-align:center;
	}
#bottom_menu ul {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	}
	
#bottom_menu li {
	display: inline;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
	
#bottom_menu ul li a, #bottom_menu ul li a:visited {
	font-size: 11px;
	font-family: Arial, Tahoma, Verdana;
	color: #000000;
	margin: 0px -3px 0px 0px;
	padding: 8px 16px 9px 14px;
	font-weight: bold;
	text-decoration: none;
	text-transform: capitalize;
	}
 
#bottom_menu ul li a:hover {
	color: #0076b7;
	margin: 0px -3px 0px 0px;
	padding: 8px 16px 9px 14px;
	text-decoration: none;
	}
 
/* Footer */
 
#footer {
 	margin:0px auto; 
	width: 736px; 
}
 
#footer .body {
	padding-top:10px; 
	text-align:center; 
	padding-bottom:10px; 
	font-size:10px; 
	color:#0076b7;
}
 
#footer .body a {
	font-size:11px; 
	color:#000000;
	font-weight:bold; 
	text-decoration:underline;
}
#footer .body a:hover {
	font-size:11px; 
	color:#0076b7;
	font-weight:bold; 
	text-decoration: none;
}
 
/* rollover buttons */
.rollover {
	width:145px;
	float:right;
}
.rollover a {
	display:block;
	width: 145px;
	padding-left:10px;
	padding-top:6px;
	padding-bottom:7px;
	font: bold 12px Arial, Helvetica, sans-serif;
	color:#595959;
	background: url(images/rollover-image.gif) 0 0 no-repeat;
	text-decoration: none;
}
.rollover a:hover { 
	background-position: 0 -28px;
	color: #FFFFFF;
}
.rollover a:active {
	background-position: 0 -28px;
	color:#fff;
}
 
.contact_us {
	width:175px; 
}
.contact_us a {
	width:165px; 
	display:block;
	padding-left:10px;
	padding-top:44px;
	padding-bottom:7px;
	font: bold 12px Arial, Helvetica, sans-serif;
	color:#0059AC;
	background: url(images/contact_us.gif) 0 0 no-repeat;
	text-decoration: none;
}
.contact_us a:hover {
	background-position: 0 -66px;
	color:#fff;
}
.contact_us a:active {
	background-position: 0 -66px;
	color:#fff;
}
 
.submit_request {
	width:175px; 
}
.submit_request a {
	width:165px; 
	display:block;
	padding-left:10px;
	padding-top:44px;
	padding-bottom:7px;
	font: bold 12px Arial, Helvetica, sans-serif;
	color:#0059AC;
	background: url(images/submit_request.gif) 0 0 no-repeat;
	text-decoration: none;
}
.submit_request a:hover {
	background-position: 0 -66px;
	color:#fff;
}
.submit_request a:active {
	background-position: 0 -66px;
	color:#fff;
}
.receive {
	width:175px; 
}
.receive a {
	width:165px; 
	display:block;
	padding-left:10px;
	padding-top:44px;
	padding-bottom:7px;
	font: bold 12px Arial, Helvetica, sans-serif;
	color:#0059AC;
	background: url(images/receive.gif) 0 0 no-repeat;
	text-decoration: none;
}
.receive a:hover {
	background-position: 0 -66px;
	color:#fff;
}
.receive a:active {
	background-position: 0 -66px;
	color:#fff;
}
.pauza {clear:both; padding-bottom:8px;}
 
.buttons {
	width:175px; 
}
.buttons a {
	width:163px; 
	display:block;
	padding-left:12px;
	padding-top:11px;
	padding-bottom:11px;
	font: bold 11px Arial, Helvetica, sans-serif;
	color:#595959;
	background: url(images/buttons.gif) 0 0 no-repeat;
	text-decoration: none;
}
.buttons a:hover {
	background-position: 0 -36px;
	color:#fff;
}
.buttons a:active {
	background-position: 0 -36px;
	color:#fff;
}
 
.selected_top {
	width:163px; 
	display:block;
	padding-left:12px;
	padding-top:11px;
	height:25px;
	font: bold 11px Arial, Helvetica, sans-serif;	
	color:#595959; 
	background:url(images/selected_top.gif) 0 0 no-repeat; 
	text-decoration: none;
}
 
.selected_body {
	width:175px; 
	background:url(images/bg_selected.gif) bottom left no-repeat; 
	color:#FFFFFF;
	font-size:11px;
}
.selected_body ul {
	padding-left:0px;
	margin-left:0px;
	padding-top:0px;
	margin-top:0px;
	line-height:18px;
	padding-bottom:0px;
	margin-bottom:0px;
}
.selected_body ul li {
	font-weight:normal;
	text-decoration:none;
	color:#FFFFFF;
	list-style-type:none;
 
}
.selected_body a {
	font-weight:normal;
	text-decoration:none;
	color:#FFFFFF;
	padding-left:16px;
}
.selected_body a:hover {
	font-weight: normal;
	text-decoration:none;
	color:#FFFFFF;
	background:url(images/plot.gif) no-repeat 2px 0px;
}
 
.selected_bottom {
	width:175px; 
	display:block;
	height:14px; 
	background:url(images/selected_bottom.gif) 0 0 no-repeat; 
}
 
.field1 {float:left; width:160px;}
.field2 {width:208px; border:1px solid #848484; font-family:Arial, Helvetica, sans-serif; font-size:11px; background-color:#FDFDF5;}
.field2-pos {float:left; width:210px;}
.field-sex {float:left; width:80px; margin-right:5px;}
 
.field3 {width:292px; border:1px solid #848484; font-family:Arial, Helvetica, sans-serif; font-size:11px; background-color:#FDFDF5;}
.field4-pos {float:left; width:294px;}
select  {border:1px solid #848484; font-family:Arial, Helvetica, sans-serif; font-size:11px; background-color:#FDFDF5; padding:0px; margin:0px;}
 
.red {
	color: #FF0000;
	font-weight: bold;
}
 
.link_border {border-bottom:1px solid #CCCCCC; height:25px;}
.link_txt {float:left; width:500px; padding-top:4px;}
.link_link {float:left; text-align:right; padding-top:4px; width:162px; color:#005cad;}
.link_link a {color:#005cad; text-decoration:underline;}
.link_link a:hover {color:#005cad; text-decoration:none;}
 
 
/* ACCORDION MENU */
/* sidebar menu */
.arrowlistmenu {padding:0px; margin:0px; width:175px;}
.arrowlistmenu .menuheader{ 
	display:block;
	padding-left:12px;
	padding-top:11px;
	padding-bottom:11px;
	font: bold 11px Arial, Helvetica, sans-serif;
	color:#595959;
	background: url(images/buttons.gif) 0 0 no-repeat;
	text-decoration: none;
	cursor: hand;
	cursor: pointer;
}
 
 
.arrowlistmenu .openheader{ 
	display:block;
	padding-left:12px;
	padding-top:11px;
	padding-bottom:11px;
	font: bold 11px Arial, Helvetica, sans-serif;
	color:#fff;
	background: url(images/buttons.gif) 0 -36px no-repeat;
	text-decoration: none;
}
 
.arrowlistmenu ul{ 
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0px; 
}
 
.arrowlistmenu ul li{
padding-bottom: 0px;
 
}

Open in new window

Image3.jpg
0
Comment
Question by:kate_nelson2001
2 Comments
 
LVL 1

Accepted Solution

by:
shurdsfield earned 2000 total points
ID: 22976936
its the

#full_content .body (line 222)
{
padding-left: 36px;
padding-right: 36px;
}

that is causing this. The left column is inside this div.  Have a look and see if thats what you meant.
0
 

Author Closing Comment

by:kate_nelson2001
ID: 31517489
thanks!
0

Featured Post

What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Find out what you should include to make the best professional email signature for your organization.
Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?
Wufoo.com provides powerful tools for surveying targeted groups, and utilizing data from completed surveys to find trends, discover areas of demand or customer expectation, and make business decisions on products or services.
Use Wufoo, an online form creation tool, to make powerful forms. Learn how to selectively show certain fields based on user input using rules to gather relevant information and data from your forms. The rules feature provides you with an opportunity…
Suggested Courses

864 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question