Having a similar issue with text content. Text does not wrap in Safari
(using this as a quote scroller). All other browsers handle it fine.
<div id="rotate">
<div class="sideQuotes">
<span class="sideTitle">Did You Know?</span><br />
<p><b>ABC.com</b> is a great place to find...Pest Control, Pool
Cleaning, Electrical, and more!</p>
</div>
<div class="sideQuotes">
<span class="sideTitle">Did You Know?</span><br />
<p><b>XYZ.com</b> is a great place to find...Pest Control, Pool
Cleaning, Electrical, and more!</p>
</div>
</div>
Class sideQuotes has a set height/width... Even added one to the id
rotate to see if it would make a difference...
On Apr 13, 11:30 am, Mike Alsup <mal...@gmail.com> wrote:
> > <div class="slideshow">
> > <div class="slide"><img src="slide1.jpg" alt="" title=""><br><div
> > class="textbackground"> </div><div class="slidetext"></div></
> > div>
> > <div class="slide"><img src="slide2.jpg" alt="" title=""><br><div
> > class="textbackground"> </div><div class="slidetext"></div></
> > div>
> > </div>
>
> > and the css:
>
> > .slideshow{
> > width:680px;
> > height:250px;
>
> > }
>
> > div.slidetext {
> > height:20px;
> > width:680px;
> > display:block;
> > margin-top:-25px;
> > margin-left:15px;
> > position:absolute;
> > }
> > div.textbackground {
> > display:block;
> > height:30px;
> > width:680px;
> > opacity:0.7;
> > margin-top:-30px;
> > position:absolute;
> > }
>
> > and both the height and the width of .slideshow are not recognized in
> > Chrome (but work fine in IE and FF).
>
> How about either giving the slide elements a specific height/width or
> adding height/width attributes to the img elements?- Hide quoted text -
>
> - Show quoted text -
