On 8/11/11 3:44 PM, Rory Bernstein wrote:
Hello CSS fans,
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.
Try embedding this ruleset in the head of the document and see if it
corrects the Chrome / Safari problem?
.slideshow_text {border:1px dashed red;position: absolute;left:468px;top:0;}
Note that your layout is font-size dependent and that scaling the fonts
and/or setting a minimum font size in the Firefox prefs will cause the
text to escape the block and be unseen {same for below].
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.
Dunno. Or, rather, not sure why you would want to do that in the first
place-- it will, at best, be very fragile and easily broken by anyone
not running the same equipment and same settings as you.
Thanks in advance,
Rory
Best,
~d
--
http://chelseacreekstudio.com/
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
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/
