Node displaying incorrectly with audio.module [#116705]

I installed audio.module and everything works fine but the node page. It displays everything way to the right and off the screen almost invisible. Here is a link to an example page, http://www.jeradranly.com/node/46. All you can see are the menu bullet points, it works fine in the default garland theme. Thanks in advance for any help.

Comment	File	Size	Author
#4	bluebreeze audio node.patch	648 bytes	joachim

Support from Acquia helps fund testing for Drupal Acquia logo

Comments

Comment #1

VM CreditAttribution: VM commented 7 February 2007 at 04:52

I"ve noticed this as well on IE7. Have not confirmed on FireFox to see if its a .css issue or not.

Comment #2

highlife99 CreditAttribution: highlife99 commented 7 February 2007 at 18:34

It happens irregardless of the browser your using. This one has me stumped I tried a bunch of thing to try and get it working to no avail. Also the video module text isn't displayed quite right on the frontpage. It has the first word centered by itself to start the paragraph.

Comment #3

highlife99 CreditAttribution: highlife99 commented 8 February 2007 at 00:46

Alright I fixed it, lets call it a happy accident. I changed all the float variables to align, just a replace all. That did the trick, fixed all of my problems.

Comment #4

joachim CreditAttribution: joachim commented 7 April 2007 at 08:33

Component:	Miscellaneous	» Template files
Status:	Active	» Needs review

File	Size
bluebreeze audio node.patch	648 bytes

The problem lies with the styling for the posting details line ('Posted February 23rd, 2007 by so&so')

Line 781 of bluebreeze's style.css:

.node .submitted {
text-align: left;
float: left;
width: 99%;
}

The left float means that that the content div that comes after tries to wrap around it. Add to that the width of 99% and the audio node block tries to fit in the remaining 1% of screen width.

You can remove the float, but then you won't get the effect of the submission details and the taxonomy terms being on the same line.
The fix is to add Drupal's built-in clear-block class, which clears the floats for the next block.

Here's a patch.