On Fri, Aug 12, 2011 at 8:27 AM, Rory Bernstein <[email protected]> wrote:
> Hi, I sent this yesterday and did not get any responses about the two items 
> below. I'd be so appreciative to get some help. Thanks, Rory
>
> http://rorybernstein.com/slider/vertical_center
>
> I have this test page here. Two problems:
>
> 1. In the slider (orange box at top), the content on the right side of the 
> box does not show up in Chrome, but it does in FireFox. Meaning, the photo 
> moves across as it should, but there is text on the right of it that is just 
> not showing up.
>
> 2. If you click the woman's face image (any one, they all work the same), you 
> get an overlay that appears. In this box, I need the left and right cols to 
> vertically center inside the div that has the red border on it. How? In other 
> words, I want the white space above & below the text (left) and photo (right) 
> to be the same, not matter how much text, or what size image, I put int there.
>
>

1) you are floating .slides to the left, and the images have x width.
There doesn't seem to be a lot of room left for the text and it drops
below.

Try dropping .middle and float both the .slides and .slideshow_text
left inside .slideshow_inner adjusting the width of .slideshow_text so
it comes up next to .slides.

Don't forget to clear your floats.

HTH


-- 

Tom Livingston | Senior Interactive Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to