Spice up your Joomla and Mambo website with 2 great extensions!
Welcome, Guest. Please login or register.
Did you miss your activation email?

Login with username, password and session length

 
Advanced search

38933 Posts in 10542 Topics by 27629 Members
Latest Member: VL
Pages: [1]   Go Down
  Print  
Author Topic: Float CSS problem  (Read 4578 times)
0 Members and 1 Guest are viewing this topic.
Cranberry
Newbie
*
Offline Offline

Posts: 8


View Profile Email
« on: May 16, 2007, 08:19:30 PM »

I have the voting system working, but for design reasons, I wanted to float the element so that it sat on the same lines as the Written by and Creation date. Better use of space at the top of the article.

When I added
Code:
.jwajaxvote-inline-rating {
float: right;
}

to the CSS file, the voting block floats correctly in the content div to the right, but all the content below it stops at the left margin of the jwajaxvote-inline-rating div, all the way down the page.

I've checked the element in Firefox, using Outline element and it seems to be just the right size, but for some reason the rest of the content on the page will no longer use that column of space below the vote.

I even tried putting the whole div inside a table (yuck) aligned right and the same thing happened.

Why would aligning this div right through off the rest of the page?
Logged

Signatures appear only for members with more than 10 posts
sd12013
Jr. Member
**
Offline Offline

Posts: 16


View Profile Email
« Reply #1 on: March 17, 2009, 10:35:14 PM »

maybe set up a float: clear; and apply it after such as in a container div? Can't hurt to try.
Logged

Signatures appear only for members with more than 10 posts
Pages: [1]   Go Up
  Print  
 
Jump to: