943,169 Members | Top Members by Rank

Web Development > Web Design > HTML and CSS > Problem with T35 Ads.
Ad:
Permalink
Sep 2nd, 2010
0

Problem with T35 Ads.

Expand Post »
I am having trouble with the ads that T35's Free Hosting places on their member's pages. They insert the ads via Javascript just before the closing <body> tag. My problem is that they're floating off to the right of my web layout. I tried shrinking my layout and they went down below the footer where they should be. I'm not sure if this is just because of my widescreen monitor (19" Widescreen), or a problem with Firefox, or something else.

Here is the website:

http://darinsrepair.t35.com

And here is the page code:

HTML and CSS Syntax (Toggle Plain Text)
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>Darin's PC Repair - Home</title>
  6. <meta name="description" content="Darin's PC Repair" />
  7. <meta name="keywords" content="darin beaudreau, pc repair, tech support, north oxford, massachusetts, ma, 01537, computer repair" />
  8. <link href="styles/main_style.css" rel="stylesheet" type="text/css" />
  9. <!--[if lt IE 7]>
  10. <link href="styles/ie.css" rel="stylesheet" type="text/css" /><![endif]-->
  11. <!--[if IE 7]>
  12. <link href="styles/ie7.css" rel="stylesheet" type="text/css" /><![endif]-->
  13. </head>
  14. <body>
  15. <?php
  16. $client_IP = $_SERVER['REMOTE_ADDR'];
  17. $visit_date = date("l d F H:i:s");
  18. $fp = fopen("info/ips.txt", "a");
  19. fwrite($fp, "IP: $client_IP\nDate: $visit_date\n\n");
  20. fclose($fp);
  21. $curr_cnt;
  22. $new_cnt;
  23. $fp = fopen("info/counter.txt", "r");
  24. $curr_cnt = fgets($fp);
  25. fclose($fp);
  26. $fp = fopen("info/counter.txt", "w");
  27. $new_cnt = $curr_cnt + 1;
  28. fwrite($fp, $new_cnt);
  29. fclose($fp);
  30. ?>
  31. <div id="wrapper">
  32. 	<div id="header">
  33. 		<p><span>tel:</span> <strong>774.437.9612</strong>
  34. 			<ul>
  35. 				<li class="no_bg"><a href="#">home</a></li>
  36. 				<li><a href="#">FAQ</a></li>
  37. 				<li><a href="#">contact</a></li>
  38. 			</ul>
  39. 	</div> <!--header ends-->
  40.  
  41. 	<a href="#" id="logo" title="Darin's PC Repair" class="replace"><span>Darin's PC Repair</span></a>
  42.  
  43. 	<form id="search_form" action="search">
  44. 		<p><input type="text" value="Search this site for..." />
  45. 			<input type="submit" id="submit" value="" /></p>
  46. 	</form> <!--form ends-->
  47.  
  48. 	<div id="banner">
  49. 		<img style="margin-top: 10px;" src="images/darinpcrepair_image.gif" alt="" />
  50. 	</div> <!--banner ends-->
  51.  
  52. 	<div id="navigation">
  53. 		<ul>
  54. 			<li class="active"><a href="#">Home</a></li>
  55. 			<li><a href="#">About</a></li>
  56. 			<li><a href="#">Services</a></li>
  57. 			<li><a href="#">Contact</a></li>
  58. 		</ul>
  59. 	</div> <!--navigation ends-->
  60.  
  61. 	<div id="content">
  62. 		<div id="left_column">
  63. 			<div class="text">
  64. 				<h2>Website Under Construction</h2>
  65. 					<p>This website is still under construction. If you have any questions, or need to set up an appointment, please e-mail me or call me. My phone number can be found at the top of the page. You can e-mail me at: <a href="mailto: packetpirate@gmail.com" class="email">packetpirate@gmail.com</a><br />
  66. 					<br />I hope to have the rest of the website up and running very soon.
  67. 					</p>
  68. 			</div> <!--text ends-->
  69. 			<div class="text alternative">
  70. 				<p>&nbsp;</p>
  71. 			</div> <!--text ends-->
  72. 			<div class="text">
  73. 				<p>&nbsp;</p>
  74. 			</div> <!--text ends-->
  75. 		</div> <!--left column ends-->
  76. 		<div id="right_column">
  77. 			<div class="heading">
  78. 			<h2>Sponsors</h2>
  79. 			</div> <!--heading ends-->
  80. 				<ul class="sponsors">
  81. 					<li><script type="text/javascript"><!--
  82. google_ad_client = "pub-8760377978778321";
  83. /* Darin's PC Repair Ad */
  84. google_ad_slot = "3664463414";
  85. google_ad_width = 200;
  86. google_ad_height = 200;
  87. //-->
  88. </script>
  89. <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
  90. </script></li>
  91. 					<li>&nbsp; <br /><br /><br /><br /><br /><center>Advertise Here</center></li>
  92. 				</ul>
  93. 		</div> <!--right column ends-->
  94. 	</div> <!--content ends-->
  95. </div> <!--wrapper ends-->
  96.  
  97. <div id="footer">
  98. 	<div id="footer_content">
  99. 		<ul>
  100. 			<li class="no_bg"><a href="#">home</a></li>
  101. 			<li><a href="#">FAQ</a></li>
  102. 			<li><a href="#">contact</a></li>
  103. 			<li><div style="font-size: 15px;color: #fff;">
  104. 				<?php
  105. 					$visits;
  106. 					$fp = fopen("info/counter.txt", "r");
  107. 					$visits = fgets($fp);
  108. 					fclose($fp);
  109. 					echo "Visitors:  " . $visits;
  110. 				?></div></li>
  111.  
  112. 		</ul>
  113. 		<p> &copy; 2010 Darin's PC Repair. All Rights Reserved.</p>
  114. 	</div> <!--footer content ends-->
  115. </div> <!--footer ends-->
  116. </body>
  117. </html>

And the CSS:

HTML and CSS Syntax (Toggle Plain Text)
  1. ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
  2. {
  3. 	margin: 0;
  4. 	padding: 0;
  5. }
  6.  
  7. ul
  8. {
  9. 	list-style: none;
  10. }
  11.  
  12. fieldset
  13. {
  14. 	border: 0;
  15. }
  16.  
  17. body
  18. {
  19. 	position: relative;
  20. 	background: #383d43 url(../images/top_banner_repeating.png) repeat-x;
  21. 	color: #000;
  22. 	font: 62.5% Myriad Pro,Arial,sans-serif;
  23. }
  24.  
  25. #wrapper
  26. {
  27. 	width: 943px;
  28. 	padding: 0px 0px 0px 1px;
  29. 	margin: 0 auto;
  30. }
  31.  
  32. #header
  33. {
  34. 	width: 908px;
  35. 	height: 46px;
  36. 	font-size: 14px;
  37. 	padding: 16px 35px 0px 22px;
  38. }
  39.  
  40. #header p
  41. {
  42. 	float: left;
  43. 	color: #525961;
  44. 	position: relative;
  45. 	top: 15px;
  46. }
  47.  
  48. #header span
  49. {
  50. 	color: #bababa;
  51. }
  52.  
  53. #header ul
  54. {
  55. 	float:right;
  56. 	position: relative;
  57. 	top: 15px;
  58. }
  59.  
  60. #header ul li
  61. {
  62. 	float: left;
  63. 	margin: 0px 12px 0px 0px;
  64. 	padding: 0px 0px 0px 12px;
  65. }
  66.  
  67. #header ul li.no_bg
  68. {
  69. 	background: none;
  70. }
  71.  
  72. #header ul li a
  73. {
  74. 	color: #fff;
  75. 	text-decoration: none;
  76. }
  77.  
  78. #header ul li a:hover
  79. {
  80. 	color: #525961;
  81. 	text-decoration: none;
  82. }
  83.  
  84. #logo
  85. {
  86. 	display: inline-block;
  87. 	width: 259px;
  88. 	height: 29px;
  89. 	float: left;
  90. 	clear: both;
  91. 	margin: 12px 0px 0px 21px;
  92. 	background: url(../images/darinpcrepair_logo.jpg) no-repeat;
  93. 	text-indent: -9999px;
  94. }
  95.  
  96. form
  97. {
  98. 	float: right;
  99. }
  100.  
  101. input
  102. {
  103. 	width: 147px;
  104. 	height: 12px;
  105. 	float: left;
  106. 	margin: 13px 0px 0px 0px;
  107. 	padding: 5px 10px;
  108. 	color: #a0a4a8;
  109. 	border: none;
  110. }
  111.  
  112. input#submit
  113. {
  114. 	display: inline;
  115. 	width: 60px;
  116. 	height: 21px;
  117. 	float: left;
  118. 	margin: 13px 0px 0px 8px;
  119. 	background: url(../images/search_button.gif) no-repeat;
  120. 	cursor: pointer;
  121. }
  122.  
  123. #navigation
  124. {
  125. 	width: 948px;
  126. 	height: 34px;
  127. 	float: left;
  128. 	padding: 5px 0px 5px 15px;
  129. 	background: url(../images/navigation_repeating.gif) repeat-x;
  130. 	border: 1px solid #43474b;
  131. }
  132.  
  133. #navigation ul li
  134. {
  135. 	display: block;
  136. 	float: left;
  137. 	height: 29px;
  138. 	margin-left: 10px;
  139. }
  140.  
  141. #navigation ul li a
  142. {
  143. 	display: inline-block;
  144. 	color: #cbd9e7;
  145. 	height: 23px;
  146. 	font-size: 14px;
  147. 	padding: 12px 24px 0px 24px;
  148. 	text-transform: uppercase;
  149. 	text-decoration: none;
  150. }
  151.  
  152. #navigation ul li a:hover
  153. {
  154. 	text-decoration: none;
  155. 	background: url(../images/nav_button_repeating.gif) repeat-x;
  156. 	border-left: 1px solid #000;
  157. 	border-right: 1px solid #000;
  158. }
  159.  
  160. #navigation ul li.active a
  161. {
  162. 	text-decoration: none;
  163. 	background: url(../images/nav_button_repeating.gif) repeat-x;
  164. 	border-left: 1px solid #000;
  165. 	border-right: 1px solid #000;
  166. }
  167.  
  168. #content
  169. {
  170. 	width: 964px;
  171. 	float: left;
  172. 	background: url(../images/darinpcrepair_content_repeating.gif) repeat-y;
  173. }
  174.  
  175. #left_column
  176. {
  177. 	width: 635px;
  178. 	float: left;
  179. }
  180.  
  181. #right_column
  182. {
  183. 	width: 294px;
  184. 	float: left;
  185. 	padding: 18px 18px 0px 17px;
  186. }
  187.  
  188. .text
  189. {
  190. 	font-family: Helvetica, Arial;
  191. 	width: 626px;
  192. 	height: 150px;
  193. 	float: left;
  194. 	padding: 32px 38px 22px 30px;
  195. }
  196.  
  197. .text h2
  198. {
  199. 	font-size: 24px;
  200. 	float: left;
  201. 	margin: 0px 0px 12px 0px;
  202. 	color: #fff;
  203. }
  204.  
  205. .text p
  206. {
  207. 	color: #bcc4c7;
  208. 	width: 552px;
  209. 	float: left;
  210. 	clear: left;
  211. 	font-size: 12px;
  212. }
  213.  
  214. .text p img
  215. {
  216. 	float: right;
  217. 	margin: 0px 0px 0px 20px;
  218. }
  219.  
  220. .text a.continue
  221. {
  222. 	position: relative;
  223. 	color: #65b8f9;
  224. 	float: left;
  225. 	clear: left;
  226. 	font-size: 15px;
  227. 	margin: 30px 0px 0px 0px;
  228. 	text-decoration: none;
  229. }
  230.  
  231. .text a.continue:hover
  232. {
  233. 	position: relative;
  234. 	color: #FF0000;
  235. 	float: left;
  236. 	clear: left;
  237. 	font-size: 15px;
  238. 	margin: 30px 0px 0px 0px;
  239. 	text-decoration: none;
  240. }
  241.  
  242. .text a.email
  243. {
  244. 	color: #65b8f9;
  245. 	font-size: 15px;
  246. 	text-decoration: none;
  247. }
  248.  
  249. .text a.email:hover
  250. {
  251. 	color: #FF0000;
  252. 	font-size: 15px;
  253. 	text-decoration: none;
  254. }
  255.  
  256. .alternative
  257. {
  258. 	background: #2a2d32;
  259. 	border-top: 1px solid #26292e;
  260. 	border-bottom: 1px solid #26292e;
  261. }
  262.  
  263. .heading
  264. {
  265. 	width: 220px;
  266. 	height: 23px;
  267. 	float: right;
  268. 	padding: 12px 0px 0px 14px;
  269. 	margin: 0px 0px 18px 0px;
  270. 	background: url(../images/nav_button_repeating.gif) repeat-x;
  271. 	border-left: 1px solid #000;
  272. 	border-right: 1px solid #000;
  273. }
  274.  
  275. .heading h2
  276. {
  277. 	font-size: 17px;
  278. 	color: #ffffff;
  279. 	text-align: center;
  280. 	font-weight: normal;
  281. }
  282.  
  283. .heading img
  284. {
  285. 	float: right;
  286. 	margin: 3px 0px 0px 0px;
  287. }
  288.  
  289. ul
  290. {
  291. 	float: left;
  292. 	margin: 0px 0px 39px 0px;
  293. }
  294.  
  295. ul.sponsors li
  296. {
  297. 	display: block;
  298. 	width: 200px;
  299. 	height: 200px;
  300. 	float: right;
  301. 	margin: 0px 17px 10px 10px;
  302. 	background: #ffffff no-repeat;
  303. 	border: 1px solid #000;
  304. 	color: #000000;
  305. }
  306.  
  307. ul li
  308. {
  309. 	font-size: 14px;
  310. 	color: #ffffff;
  311. 	margin: 0px 0px 17px 11px;
  312. }
  313.  
  314. ul li span
  315. {
  316. 	color: #65b8f9;
  317. }
  318.  
  319. #footer
  320. {
  321. 	width: 100%;
  322. 	float: left;
  323. 	clear: both;
  324. 	height: 120px;
  325. 	border-top: 1px solid #3c4249;
  326. 	background: #1e2329;
  327. }
  328.  
  329. #footer_content
  330. {
  331. 	margin: auto;
  332. 	width: 966px;
  333. 	padding: 46px 17px 0px 0px;
  334. }
  335.  
  336. #footer_content ul
  337. {
  338. 	float: right;
  339. 	margin: 0px 0px 10px 0px;
  340. }
  341.  
  342. #footer_content ul li
  343. {
  344. 	float: left;
  345. 	margin: 0px 0px 0px 12px;
  346. 	padding: 0px 0px 0px 12px;
  347. 	background: url(../images/navigation_repeating.gif) left bottom no-repeat;
  348. }
  349.  
  350. #footer_content ul li.no_bg
  351. {
  352. 	background: none;
  353. }
  354.  
  355. #footer_content ul li a
  356. {
  357. 	color: #fff;
  358. 	text-decoration: none;
  359. }
  360.  
  361. #footer_content ul li a:hover
  362. {
  363. 	color: #525961;
  364. 	text-decoration: none;
  365. }
  366.  
  367. #footer_content p
  368. {
  369. 	float: right;
  370. 	clear: right;
  371. 	margin: 0px;
  372. 	font-size: 12px;
  373. 	color: #383d43;
  374. }
Similar Threads
Reputation Points: 10
Solved Threads: 3
Junior Poster in Training
packetpirate is offline Offline
60 posts
since Jun 2010
Permalink
Sep 7th, 2010
0
Re: Problem with T35 Ads.
Problem solved thanks to someone over at DreamInCode.net

I just needed to put a DIV container beneath the footer with a "clear: both;" style.
Reputation Points: 10
Solved Threads: 3
Junior Poster in Training
packetpirate is offline Offline
60 posts
since Jun 2010

This thread is solved

Either the thread starter or a moderator has marked this thread as solved. You can most likely trust the responses and answers given. There is most likely no reason for any further responses to be posted here. If you have a related question, please start a new thread in this forum instead.

This thread is more than three months old

No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.
Message:
Previous Thread in HTML and CSS Forum Timeline: Wordpress Footer Issues...
Next Thread in HTML and CSS Forum Timeline: Rounded corners.





About Us | Contact Us | Advertise | Acceptable Use Policy
Forum Index | Build Custom RSS Feed


Follow us on Twitter


© 2011 DaniWeb® LLC