Sidebar issue in different browsers

[evannis 0]

Hello, I just tested my site in two other browsers, Chrome and Safari and the sidebar I created is all out of whack on those pages. Images are stretched and what not. I have been using Firefox to do the editing. Any idea of what I can do to fix this? Thanks!

[catrina 103]

Can you post a link to your website?

[evannis 0]

http://66.147.244.152/~rozanneg/ Thanks

[catrina 103]

Is there custom CSS you're using? If so, can you paste it here?

[evannis 0]

Hi Catrina, Here's the custom css: h3.widget-title {color: #000000;} body #sidebar-wrap{background:#ffffff; border: 4px groove #777777;} body .one-sidebar-right #pagelines_content #sidebar-wrap, body .one-sidebar-right #buddypress-page #sidebar-wrap {width: 200px;} body .one-sidebar-right #pagelines_content #sidebar1, body .one-sidebar-right #buddypress-page #sidebar1 {width: 200px;}

[Kate 3]

Hi Evan, On the image tag itself, did you add

stylel="height:100%;width:100%"

? If so, please try removing that and seeing if the problem persists in the other browsers.

[evannis 0]

Hi Kate, I did have that in there. Now I removed it. What's the best way for me to resize those images without making the sidebar go crazy like it did? Thanks! Evan

[cmunns 16]

on the image itself you can always add a width and height ex :``

[evannis 0]

For some reason when I change the width and height and try to center the image within the column the image won't center. Any suggestions for this? It works for the first image but none of the others are centered, they are all left justified. Thanks!

[cmunns 16]

for each image you can add `class="aligncenter"` right after the width and height attributes

[evannis 0]

Thanks Adam, I'll give that a try

[catrina 103]

Also, if it's still not centering, you can use CSS to align the images.