float: right divs do not display but float: left is OK

[Mike Crawford]

Build identifier: Mozilla/5.0 (Windows NT 6.3; Win64; x64; rv:25.7) Gecko/20151012 Firefox/31.9 PaleMoon/25.7.3

I will regress with the current build after I post this.

The logo on my site uses a float: right and it's OK. The affiliate ads for books that I have are either float: right or float: left. All the lefthand ads are just fine but none of the righthand ads will display. There's no indication of error.

A View Page Source displays the ad's div's markup so it doesn't appear to be a problem with my Apache Server-Side Includes.

They display properly in Internet Explorer and Chrome.

I speculate that the problem has to do with the more-complicated markup and styles for the ads.

I'm open to the possibility that I have errors either in my CSS or in my HTML. My stylesheet is here:

http://soggywizards.com/css/screen.css

This page has ads on both the left and right:

http://soggywizards.com/tips/code/c++/m ... arameters/

Here's the markup for an ad:

Code: Select all

<div class="adright">
<img class="book" src="/store/books/images/small/more-effective-c++.jpg" 
	alt="More Effective C++ cover" />
<p class="btitle">
More Effective C++<br />
35 New Ways to Improve Your Programs and Designs</p>
<p class="author">by Scott Meyers</p>
<p class="buy">
[<a href="http://www.powells.com/cgi-bin/partner?partner_id=29425&cgi=product&isbn=020163371X">
Buy</a>]
</p>
</div>

... and for a lefthand ad:

Code: Select all

<div class="adleft">
<img class="book" src="/store/books/images/small/more-c++-gems.jpg"
	alt="More C++ Gems cover"/>
<p class="btitle">
More C++ Gems</p>
<p class="author">by Stanley Lippman (Foreword),<br />
Robert C. Martin (Editor),<br /> Donald G. Firesmith (Series Editor)</p>
<p class="buy">
[<a href="http://www.powells.com/cgi-bin/partner?partner_id=29425&cgi=product&isbn=0521786185">
Buy</a>]
&nbsp;</p>
</div>

The styles for both:

Code: Select all

div.adleft	{ float: left;
				border: solid 1px #999999;
				color: #555555;
				background-color: #eeeeff;
				width: 200px;
				text-align: center;
				padding: 3px;
				margin-top: 6px;
				margin-bottom: 6px;
				margin-right: 20px; }

div.adright	{ float: right;
				border: solid 1px #999999;
				color: #555555;
				background-color: #eeeeff;
				width: 200px;
				text-align: center;
				padding: 3px;
				margin-left: 6px;}

div.adright a:link {background-color: transparent; color: #0f1f51; }

div.adright a:visited {background-color: transparent; color: #243c88; }

div.adright a:active { background-color: transparent; color: #2e55cb; }

div.adright a:hover { background-color: transparent; color: #2e55cb; }

I see now that the "adright" styles include styles for the "<a>" elements but the "adleft" styles do not; I will try removing them, also will try creating styles for the lefthand ad links and will post my results in a reply.

I'm happy to do any kind of testing you ask of me.

[Mike Crawford]

Removing the "<a>" styles for my adright div has no effect on the bug with PaleMoon 25.7.3.

I'll install the latest build now.

[Mike Crawford]

Build identifier: Mozilla/5.0 (Windows NT 6.3; Win64; x64; rv:38.9) Gecko/20100101 Goanna/2.0 Firefox/38.9 PaleMoon/26.2.2

The bug is still present.

I'll try the 32-bit build now.

[Mike Crawford]

Build identifier: Mozilla/5.0 (Windows NT 6.3; WOW64; rv:38.9) Gecko/20100101 Goanna/2.0 Firefox/38.9 PaleMoon/26.2.2

The bug is also present in the 32-bit build.

[Mike Crawford]

If any of you see the ads on the right, bring up the "about:" page then post the build identifier.

[satrow]

Build identifier: Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:2.0) Gecko/20100101 Goanna/20160507 PaleMoon/26.2.2

[Moonchild]

No issue. 3 ads on the right, 1 on the left for my window metrics.
Build identifier: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:2.0) Gecko/20100101 Goanna/20160507 PaleMoon/26.2.2

[Mike Crawford]

I have some other windows DVDs. I'll install them in VMs then use them to regress the bug.