...

View Full Version : IE help



Script Idgit
02-18-2009, 05:19 AM
Need help getting image to display properly in Explorer. The "add this" button in the upper right, next to the title looks fine in FF, but breaks my title bar image in IE. Any help would be greatly appreciated.

CSS:
<CODE>* {
margin: 0;
padding: 0;
}

body {
margin: 0px;
background: #002F43 url(images/bg01.jpg) repeat-x;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 15px;
color: #B9B9B9;
}

h1 {
font-size: 2em;
letter-spacing: -0.03em;
margin-bottom: .5em;
}

h2 {
font-size: 1.25em;
margin-bottom: 1em;
color: #ffffff;
}

h3 {
font-size: 1em;
}

p, ul, ol {
margin-bottom: 1.0em;
line-height: 127%;
}

p {
text-indent: 15px;
}

ul, ol {
margin-left: 3em;
}

blockquote {
margin-left: 3em;
margin-right: 3em;
}

a {
color: #8AC800;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

strong {
color: #D7D7D7;
}

/* Background */

#bg1 {
background: url(images/bg02.jpg) no-repeat center top;
}

#bg2 {
background: url(images/bg03.jpg) no-repeat center top;
}

#bg3 {
background: url(images/bg04.jpg) repeat-y center top;
}

#bg4 {
background: url(images/bg05.jpg) no-repeat center top;
}

#bg5 {
background: url(images/bg06.jpg) no-repeat center bottom;
}

/* Header */

#header {
width: 900px;
height: 90px;
margin: 0px auto;
color: #FFFFFF;
}

#header img {
float: left;
margin: 0px;
padding: 6px 0px 0px 25px;
}

#header h2 {
float: right;
margin: 0px;
padding: 62px 35px 0px 0px;
font-size: 24px;
}

/* Header2 */

#header2 {
width: 900px;
height: 88px;
margin: 0px auto;
}

/* Menu */

#menu {
float: left;
}

#menu ul {
margin: 0px;
padding: 34px 0px 0px 0px;
list-style: none;
text-transform: lowercase;
}

#menu li {
float: left;
}

#menu a {
padding-left: 35px;
font-size: 18px;
color: #FFFFFF;
}

/* Search */

#search {
float: right;
}

#search form {
margin: 0px;
padding: 35px 80px 0px 0px;
}

#search fieldset {
margin: 0px;
padding: 0px;
border: none;
}

#search input.text {
width: 160px;
background: none;
border: none;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
line-height: 26px;
font-size: 16px;
padding: 0px 0px 5px 0px;
color: #AEC38B;
}

#search input.button {
display: none;
}

/* Page */

#page {
position: relative;
z-index: 1;
width: 846px;
margin: 0px auto;
padding: 20px 0px 0px 0px;
}

/* Content */

#content {
float: right;
width: 583px;
}

.bm {
position: relative;
z-index: 2;
float: right;
margin-top: 18px;
margin-right: 15px;
}

.post {
}

.post .title {
height: 49px;
background: url(images/img02.gif) no-repeat;
padding: 0px 0px 0px 0px;
}

.post .title h1 {
float: left;
padding: 6px 0px 0px 24px;
color: #FFFFFF;
}

.post .entry {
padding: 13px 23px 0px 23px;
text-align: justify;
}

.post .entry .ad_left {
height: 250px;
width: 300px;
margin-right: 10px;
float: left;
background: #ffffff
}

.post .entry .ad_right {
height: 250px;
width: 300px;
margin-left: 10px;
float: right;
background: #ffffff
}

.post .meta {
height: 70px;
clear: left;
margin: 0px 0px;
padding: 15px 0px 0px 0px;
border-top: 1px solid #262626;
}

.post .meta .credit {
}

.post .meta .bmarks {
font-family: "Times New Roman", "Trebuchet MS", Arial;
font-weight: bold;
}

/* Sidebar */

#sidebar {
float: left;
width: 236px;
}

#sidebar ul {
margin: 0px;
list-style: none;
}

#sidebar li {
background: url(images/img03.gif) no-repeat;
padding: 0px 0px 0px 0px;
}

#sidebar li ul {
padding: 0px 23px 5px 23px;
}

#sidebar li li {
background: none;
border-bottom: 1px solid #262626;
}

#sidebar h2 {
margin: 0px;
padding: 14px 0px 16px 0px;
text-align: center;
font-size: 15px;
color: #FFFFFF;
}

/* Sidebar ad divs */

.ads {
margin-top: 10px;
margin-bottom:10px;
}

/* Footer */

#footer {
}

#footer p {
margin: 0px;
padding: 20px 0px;
text-align: center;
text-transform: lowercase;
color: #566D77;
}

#footer a {
color: #8097A1;
}</CODE>

HTML:
<code><!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">
<head>
<title>Health & Nutrition through Healthy Diet, Exercise & Smart Supplementation</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="keywords" content="nutrition, health, supplement, supplements, supplementation," />
<meta name="description" content="Health, nutrition and supplementation: The hidden truth's drug company's don't want you to know about." />
<meta name="Distribution" content="Global"/>
<meta name="Rating" content="General"/>
<meta name="Language" content="en-us"/>
<meta http-equiv="Revisit-After" content="30 days"/>
<link href="style.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
<div id="bg1">
<div id="header">
<img src="images/4yourbody_logo.gif" alt="4yourbody Logo: Free health and nutrition information." width="375" height="80" />
<h2>Health, Nutrition and the TRUTH</h2>
</div>
<!-- end #header -->
</div>
<!-- end #bg1 -->
<div id="bg2">
<div id="header2">
<div id="menu">
<ul>
<li><a href="http://www.4yourbody.info/">Home</a></li>
<li><a href="http://www.4yourbody.info/about">About Us</a></li>
<li><a href="http://www.4yourbody.info/privacy">Privacy</a></li>
<li><a href="http://www.4yourbody.info/site_map">Site Map</a></li>
<li><a href="http://www.4yourbody.info/contact">Contact Us</a></li>
<li><a href="http://www.4yourbody.info/disclaimer">Disclaimer</a></li>
</ul>
</div>
<!-- end #menu -->
<div id="search">
<form method="get" action="http://www.google.com/custom" target="google_window">
<fieldset>
<input type="hidden" name="hl" value="en" />
<input type="hidden" name="ie" value="windows-1252" />
<input type="hidden" name="oe" value="windows-1252" />
<input type="hidden" name="forid" value="1" />
<input type="hidden" name="client" value="pub-4855258898460788" />
<input type="text" name="q" value="Search by Google" id="q" class="text" />
<input type="submit" value="Search" class="button" />
</fieldset>
<input name="sitesearch" type="radio" value="http://www.4yourbody.info" value="checked"><font size="2" face="Arial">4yourbody
</font>
<font size="2" face="Arial">
<input type="radio" name="sitesearch">
Web</font>
</form>
</div>
<!-- end #search -->
</div>
<!-- end #header2 -->
</div>
<!-- end #bg2 -->
<div id="bg3">
<div id="bg4">
<div id="bg5">
<div id="page">
<div id="content">
<div class="post">
<div class="bm">
<!-- AddThis Button BEGIN -->
<script type="text/javascript">var addthis_pub="4yourbody";
var addthis_brand = "4yourbody.info";
var addthis_header_color = "#ffffff";
var addthis_header_background = "#000000";</script>
<a href="http://www.addthis.com/bookmark.php?v=20" onmouseover="return addthis_open(this, '', '[URL]', '[TITLE]')" onmouseout="addthis_close()" onclick="return addthis_sendto()"><img src="http://s7.addthis.com/static/btn/lg-addthis-en.gif" width="125" height="16" alt="Bookmark and Share" style="border:0"/></a><script type="text/javascript" src="http://s7.addthis.com/js/200/addthis_widget.js"></script>
<!-- AddThis Button END -->
</div>
<div class="title">
<h1>Health &amp; Nutrition</h1>
</div>
<div class="entry">
<div class="ad_right">
<script type="text/javascript"><!--
google_ad_client = "pub-4855258898460788";
/* 300x250, created 12/21/08 */
google_ad_slot = "5145830753";
google_ad_width = 300;
google_ad_height = 250;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
<p>Health and nutrition conditions in the US and
other nations thought to be doing well aren't nearly
as good as you might expect. </p>
<p>First of all, there is a huge difference between what
your body needs nutritionally and what you think you're
getting from your diet.<i> </i>It is no longer
possible for us to get the nutrients our bodies need
for good health just by eating a simple diet the way the
nutritional pyramid says we should. Our foods do not
have the amounts of nutrients that they used to. It's no longer a
simple matter of eating your fruits and veggies to
live a life of health and well-being.</p>
<p>Health and nutrition go hand in hand; you can not
have one without the other. If you want to get
serious about your health you need to learn what
your body really needs in the way of nutrition and
how to get it.</p>
<h2>But, I eat a healthy nutritious diet.</h2>
<p>Maybe one hundred years ago you could have bought
your veggies at the local market and been getting
what you needed nutritionally from your diet. In
today's modern society it no longer works that way.
Through overuse and the lack of crop rotation the lands that our foods come
from have been stripped of the vitamins and minerals
necessary to grow healthy crops. This is from a
study done all the way back in the 1930's. Do you think
our lands have magically replenished themselves with the
vital nutrients we need for our survival over the past
3/4 of a century or so? Me either.</p>
<h2>My Food <i>looks</i> Healthy.</h2>
<p>Back during World War I or World War II (I can't
remember which) we had a lot of extra Nitrogen,
Phosphorous and Potassium on our hands from all of
our weapon making efforts. Well, our government,
being the good citizens of the environment they
are, started burying it in the ground. Then, they began to
notice that at some of these dump sites the plants
were much greener and healthier looking than the
surrounding foliage. To make a long story short, this
eventually lead to the discovery
that given the proper levels of these chemicals,
unhealthy crops could be made to look healthy and
nourishing even though they are not healthy plants. </p>
<p>Our foods no longer contain the vital
nutrients in the levels our bodies need for living a healthy
lifestyle; they just look pretty. If the fruits and
vegetables that you are eating are not healthy they can
not provide the nutrients necessary for your health and
well-being, period.</p>
<p>&nbsp;</p>
<p>The FDA has officially proclaimed
that EVERYONE who wants to be healthy should be taking a daily supplement in
addition to their normal diets. You may have heard
reports from the FDA saying that even supplements that
are labeled natural and should be full of health giving
goodness can be harmful if you take too much, the wrong
kind, or if your allergic. What the FDA does not
tell you, however, is that not all supplements are
created equal and there are many products that are
outright harmful. Another thing you may not be aware of
is the supplement industry is not regulated at all by
the FDA. There's a reason the supplement
industry isn't regulated. I wonder if it could
possibly be because it is a bunch of
multi-billion-dollar drug companies that are pumping
poison into us every day in the form of synthetic
vitamins. </p>
<p>That's right; the same drug companies that bring you
your favorite pharmaceuticals every day are the same
ones that are making you sick while you think you are
being healthy. Now that is a good business model: Help
create demand for your &quot;healthy&quot; product, which in
reality makes you sick, which in turn creates demand for
the drugs to make you feel better again. And, maybe,
just maybe you decide that you might not have gotten so
sick if you'd taken more of your vitamins. Hmmmmm, wish
I'd have thought of that one.</p>
<p>If the supplement industry were to be
regulated many supplements would have to be
completely pulled
off of our grocery market and pharmacy shelves; or,
at the very least, those harmful supplements would
have to carry warning labels just like a pack of
cigarettes. Yes, they are that harmful to your
health. There are so many studies out now that it is
pretty much undeniable. </p>
<p>However, it is not just harmful supplements that you
have to watch out for. So many processed foods are
&quot;fortified&quot; or &quot;enriched&quot; with synthetic vitamins
that we can not even hardly buy food for our tables
without ingesting these poisons. </p>
<p>Perfect example - What is the difference between
Total cereal and Special K? A few cents worth of
synthetic vitamins sprayed on the flakes. That's
all. But, this bastion of health and goodness,
&quot;fortified&quot; with 947% of the RDA of fifty
million vitamins
and minerals could actually be doing more harm to
your health than good.</p>
</div>
<div class="meta">
<p class="credit">Posted by <a href="#">Someone</a> on October 14, 2008</p>
</div>
</div>
</div>
<!-- end #content -->
<div id="sidebar">
<ul>
<li>
<h2>Health Information Articles</h2>
<ul>
<li><a href="http://www.4yourbody.info">Beauty</a></li>
<li><a href="http://www.4yourbody.info">Diseases and Conditions</a></li>
<li><a href="http://www.4yourbody.info">General Health</a></li>
<li><a href="http://www.4yourbody.info">Mental Health</a></li>
<li><a href="http://www.4yourbody.info">Nutrition</a></li>
<li><a href="http://www.4yourbody.info">Senior Health</a></li>
<li><a href="http://www.4yourbody.info">Supplements</a></li>
<li><a href="http://www.4yourbody.info">Weight Loss</a></li>
</ul>
</li>
<li>
<h2>Nutritional &amp; Health Books</h2>
<center>
<div class="ads">
<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab" id="Player_738ade2c-f41d-4b83-8d7b-94bbb88b2c4b" WIDTH="120px" HEIGHT="500px"> <PARAM NAME="movie" VALUE="http://ws.amazon.com/widgets/q?ServiceVersion=20070822&MarketPlace=US&ID=V20070822%2FUS%2F4yourbodyinfo-20%2F8010%2F738ade2c-f41d-4b83-8d7b-94bbb88b2c4b&Operation=GetDisplayTemplate"><PARAM NAME="quality" VALUE="high"><PARAM NAME="bgcolor" VALUE="#FFFFFF"><PARAM NAME="allowscriptaccess" VALUE="always"><embed src="http://ws.amazon.com/widgets/q?ServiceVersion=20070822&MarketPlace=US&ID=V20070822%2FUS%2F4yourbodyinfo-20%2F8010%2F738ade2c-f41d-4b83-8d7b-94bbb88b2c4b&Operation=GetDisplayTemplate" id="Player_738ade2c-f41d-4b83-8d7b-94bbb88b2c4b" quality="high" bgcolor="#ffffff" name="Player_738ade2c-f41d-4b83-8d7b-94bbb88b2c4b" allowscriptaccess="always" type="application/x-shockwave-flash" align="middle" height="500px" width="120px"></embed></OBJECT> <NOSCRIPT><A HREF="http://ws.amazon.com/widgets/q?ServiceVersion=20070822&MarketPlace=US&ID=V20070822%2FUS%2F4yourbodyinfo-20%2F8010%2F738ade2c-f41d-4b83-8d7b-94bbb88b2c4b&Operation=NoScript">Amazon.com Widgets</A></NOSCRIPT>
</div>
</center>
</li>
<li>
<h2>Spread the Health</h2>
<center>
<div class="ads">
<form action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_xclick">
<input type="hidden" name="business" value="owner@4yourbody.info">
<input type="hidden" name="item_name" value="4 Your Body">
<input type="hidden" name="item_number" value="DEF">
<input type="hidden" name="no_shipping" value="1">
<input type="hidden" name="return" value="http://www.4yourbody.info/ppthank_you.htm">
<input type="hidden" name="cn" value="Your Comments or Suggestions?">
<input type="hidden" name="currency_code" value="USD">
<input type="hidden" name="tax" value="0">
<input type="hidden" name="lc" value="US">
<input type="hidden" name="bn" value="PP-DonationsBF">
<input type="image" src="images/ads/btn_donateCC_LG.gif" border="0" name="submit" alt="Make payments with PayPal - it's fast, free and secure!">
</form>
</div>
</center>
</li>
<li>
<h2>Clean, Healthy Air &amp; Water</h2>
<center>
<div class="ads">
<a rel="nofollow" href="http://www.dpbolvw.net/click-3040341-8762850" target="_top">
<img src="http://www.awltovhc.com/image-3040341-8762850" width="125" height="125" alt="" border="0"/></a>
</div>
</center>

</li>
<li>
<h2>Amazon Health</h2>
<center>
<div class="ads">
<iframe rel="nofollow" src="http://rcm.amazon.com/e/cm?t=4yourbodyinfo-20&o=1&p=21&l=ur1&category=health&banner=0PE7YFGPS51S8D4NFP82&f=ifr" width="125" height="125" scrolling="no" border="0" marginwidth="0" style="border:none;" frameborder="0" target="blank">
</iframe>
</div>
</center>
</li>
<li>
<h2>Related Health Links</h2>
<center>
<div class="ads">
<script type="text/javascript"><!--
google_ad_client = "pub-4855258898460788";
/* 160x90, created 12/21/08 */
google_ad_slot = "9002037867";
google_ad_width = 160;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
</center>
</li>
<li>
<h2><!-- AddThis Button BEGIN -->
<script type="text/javascript">var addthis_pub="4yourbody";
var addthis_brand = "4yourbody.info";
var addthis_header_color = "#ffffff";
var addthis_header_background = "#000000";</script></script>
<a href="http://www.addthis.com/bookmark.php?v=20" onmouseover="return addthis_open(this, '', '[URL]', '[TITLE]')" onmouseout="addthis_close()" onclick="return addthis_sendto()">
<img src="http://s7.addthis.com/static/btn/lg-addthis-en.gif" width="157" height="20" alt="Bookmark and Share" style="border:0"/></a><script type="text/javascript" src="http://s7.addthis.com/js/200/addthis_widget.js"></script>
<!-- AddThis Button END -->
</h2>
</li>
</ul>
</div>
<!-- end #sidebar -->
<div style="clear: both; height: 40px;">&nbsp;</div>
</div>
<!-- end #page -->
</div>
</div>
</div>
<!-- end #bg3 -->
<div id="footer">

<p>(c) 2005 - 2009 4yourbody.info. Design by <a href="http://www.nodethirtythree.com/">nodeThirtyThree</a>, <a href="http://www.freewpthemes.net/">Free CSS Templates</a> and
<a href="http://www.myspace.com/johnnybonline24">John Bennett</a></p>
</div>
<!-- end #footer -->
</body>
</html>
</code>

tagnu
02-18-2009, 09:05 AM
Can you provide a link?


Also... the code tag is [ CODE ] [ /CODE ] without the spaces.

Script Idgit
02-19-2009, 02:56 AM
I uploaded the page for you. www.4yourbody.info/test

abduraooft
02-19-2009, 08:16 AM
If that image is to be displayed inside your title bar, then do accordingly in your markup, like

<div class="title">
<h1>Health &amp; Nutrition</h1>
<div class="bm">
<!-- AddThis Button BEGIN -->
<script type="text/javascript">var addthis_pub="4yourbody";
var addthis_brand = "4yourbody.info";
var addthis_header_color = "#ffffff";
var addthis_header_background = "#000000";</script>
<a href="http://www.addthis.com/bookmark.php?v=20" onmouseover="return addthis_open(this, '', '[URL]', '[TITLE]')" onmouseout="addthis_close()" onclick="return addthis_sendto()"><img src="Supplementation_files/lg-addthis-en.gif" alt="Bookmark and Share" style="border: 0pt none ;" height="16" width="125"></a><script type="text/javascript" src="Supplementation_files/addthis_widget.js"></script>
<!-- AddThis Button END -->
</div>
</div>


PS: Please edit your original post and add
][/COLOR] tags around your code.

Script Idgit
02-20-2009, 06:30 PM
Man, do I feel stupid. Such a simple change to the code. I'm learning all of this on the fly while I'm creating my site. Guess I don't have it all figured out yet. :confused:

P.S. The edit button isn't available any longer on my post.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum