It's always a browser problem, isn't it? Options

[ChasingLife87]

Okay. I'm working on touching up my subdomain right now, and I had the neatest idea. Everyone's seen those "make poverty history" banners in the upper right corner of most subdomains. Well, I wanted to do something like that for a link back to createblog. The transparent gif is no issue, the image mapping is no issue... it's just the darn alignment!

I'm using this code:

CODE

#cblink {
position: absolute;
padding-right: 0px;
vertical-align: top;
float: right;
margin-right: 0px;
margin-top: 0px;
z-index: 2;
}

In IE, it's mostly aligned (it pushes it slightly to the right, though, and then you have to scroll over a teensy bit.

In Firefox (which is what I use almost exclusively, and more and more people do as well), it's randomly down by my frames, under my header and all.

Is there another way to align it?

Or if not, is there SOME advanced script where I could only have it display if it is being viewed on IE?

Thanks again, guys.

[freeflow]

well if you want it like in the corner like a proverty sign or whatever why not just use this code .. its the one used for there banners cept w/out there url:

CODE

<script type="text/javascript" src="URLHERE(IMAGE)"> </script><noscript><a href="LINK"> LINKNAME?</a></noscript>

?its ok to do that right?

but im not sure if it includes the alignment in all you might just want to try it

[*mona lisa*]

I'm pretty sure it's done through Javascript. The ones on my subdomain are like that. The Javascript defines the alignment of the band, so I don't think it's your resolution.

[ChasingLife87]

Hmm... that code didn't seem to change much. Maybe it's a script hosted at the make poverty history site?

And can anyone find anything wrong with the css I'm using?

Frustrating...

[Heathasm]

<!--[if gte IE 6]>
<link rel="stylesheet" type="text/css" href="iespecific.css" />
<![endif]-->

this is a useful ie hack. make two stylesheets exactly the same, except in one use the code for the banner you want to use (which will be the one you use for ie) and link it in the code above while linking the stylesheet you want to show up on all other browsers normally in your html

[talcumpowder]

It's a script hosted on their website. Maybe you can modify it... I don't do Javascript. Seems fairly simple though.... ^_^u

<!-- begin code provided by createblog.com --><br />document.write('<style><!-- @import url(http://www.makepovertyhistory.org/whiteband.css); --></style>'<br />+ '<div class="MPHWhiteBandSmallRight"><img src="http://www.makepovertyhistory.org/whiteband_mphtranslinkimg.gif" width="163" height="163" border="0" usemap="#MPHLinkMapSmallRight"></div>'<br />+ '<map name="MPHLinkMapSmallRight"><area shape="poly" coords="0,0,163,163,163,133,30,0" href="http://www.makepovertyhistory.org/index.shtml?entry=cornerwhitebandsmallright" target="_blank"></map>'<br />);<br /><!-- end code provided by createblog.com -->

(Oh yeah, this is for the small, on the right one. Whatever that means.

[waitwaitwait]

well if you want it like in the corner like a proverty sign or whatever why not just use this code .. its the one used for there banners cept w/out there url:

CODE

<script type="text/javascript" src="URLHERE(IMAGE)"> </script><noscript><a href="LINK"> LINKNAME?</a></noscript>

?its ok to do that right?

but im not sure if it includes the alignment in all you might just want to try it

Their*

[Heathasm]

Their*

thats really not necessary...and considered spam...at least contribute some thing to the topic next time instead of correcting a typo some one made...this is programming not grammar