Jump to content


Photo
- - - - -

Sidebar issue in different browsers


  • Please log in to reply
11 replies to this topic

#1 evannis

evannis

    Member

  • Members
  • PipPip
  • 29 posts

Posted 10 June 2011 - 11:37 PM

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!

#2 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 11 June 2011 - 04:03 PM

Can you post a link to your website?

#3 evannis

evannis

    Member

  • Members
  • PipPip
  • 29 posts

Posted 16 June 2011 - 02:43 AM

Please Login or Register to see this Hidden Content

Thanks

#4 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 16 June 2011 - 02:52 AM

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

#5 evannis

evannis

    Member

  • Members
  • PipPip
  • 29 posts

Posted 16 June 2011 - 12:12 PM

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;}

#6 Kate

Kate

    Advocate

  • Members
  • 3039 posts

Posted 16 June 2011 - 03:19 PM

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

Please Login or Register to see this Hidden Content

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

#7 evannis

evannis

    Member

  • Members
  • PipPip
  • 29 posts

Posted 27 June 2011 - 05:02 PM

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

#8 cmunns

cmunns

    Advocate

  • Members

  • 6537 posts
  • Country: Country Flag

Posted 27 June 2011 - 08:51 PM

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

#9 evannis

evannis

    Member

  • Members
  • PipPip
  • 29 posts

Posted 28 June 2011 - 06:21 PM

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!

#10 cmunns

cmunns

    Advocate

  • Members

  • 6537 posts
  • Country: Country Flag

Posted 28 June 2011 - 09:23 PM

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

#11 evannis

evannis

    Member

  • Members
  • PipPip
  • 29 posts

Posted 29 June 2011 - 01:52 AM

Thanks Adam, I'll give that a try

#12 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 29 June 2011 - 02:51 AM

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