Want to win a PS4? Go Premium and enter to win our High-Tech Treats giveaway. Enter to Win

x
?
Solved

CSS alignment  problem

Posted on 2011-09-07
6
Medium Priority
?
211 Views
Last Modified: 2012-06-27
http://tinyurl.com/4xe6t6g

I have a weird alignment issue. If you look at the text :

By Calman Shemi
30" x 40" Signed Serigraph


it does not align up with the descriptions above it.
(see By Bracha Guy
33" x10 1/2" Hand Painted Etching)

any idea how to fix this?
0
Comment
Question by:lvollmer
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
  • 2
  • 2
6 Comments
 
LVL 40

Expert Comment

by:Gurvinder Pal Singh
ID: 36497201
because the width of the p tag inside wpsc_description for that product column is 190px, but for everyone else its around 230-240
0
 

Author Comment

by:lvollmer
ID: 36497576
what should I change it to? 240?
0
 
LVL 40

Expert Comment

by:Gurvinder Pal Singh
ID: 36497668
add this style

.wpsc_description
{
   min-width:240px;
}

.wpsc_description p
{
   min-width:240px;
}
0
Concerto's Cloud Advisory Services

Want to avoid the missteps to gaining all the benefits of the cloud? Learn more about the different assessment options from our Cloud Advisory team.

 
LVL 9

Expert Comment

by:user_n
ID: 36516280
It dipends from what is your goal. the problem is that

.default_product_display .productcol {
    float: right;
    position: relative;
}

in

http://s130859622.onlinehome.us/saddleriver/wp-content/plugins/wp-e-commerce/wpsc-theme/wpsc-default.css?ver=3.8.5.405496


I think that everything is gonna be all right If the div-s, paragraphs have the same size and are position by the same way and the text is positioned the same way.
0
 
LVL 9

Accepted Solution

by:
user_n earned 2000 total points
ID: 36516298
try to remove float: right; and see the results
0
 

Author Closing Comment

by:lvollmer
ID: 36599421
thanks
0

Featured Post

Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
Is your Office 365 signature not working the way you want it to? Are signature updates taking up too much of your time? Let's run through the most common problems that an IT administrator can encounter when dealing with Office 365 email signatures.
In this tutorial viewers will learn how to code links for mobile sites that, once clicked, send a call or text to a specified number. For a telephone link (once clicked, calls a number), begin with a normal "<a href=" link tag. For the href, specify…
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …

597 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question