Different look of my blog in different browsers

• 

  lienverschooten · Member · Apr 4, 2010 at 9:13 pm

  • Copy link
  • Add topic to favorites

  Hi!

  I edited the theme (Benevolence) of my blog untill. It looked fine in Google Chrome; the browser i always use.
  When I open my blog in modzilla firefox a border appaers around my pictures. In Explorer, the same happens but in a different color.
  Moreover, in IE the category widget crosses the border of the wrapper.

  I do not know enough of CSS to find the problem;
  anyone who can help me out?

  (my blog; liveforphotography.wordpress.com)

  The blog I need help with is: (visible only to logged in users)

• 

  timethief · Member · Apr 4, 2010 at 11:34 pm

  • Copy link

  I cannot help you with CSS editing. There is no official Staff support for learning CSS editing and there’s very little volunteer support so you will have to be patient while you wait for a volunteer to help you. Have you read this helpful post?
  http://csswiz.wordpress.com/2009/10/15/if-you-have-the-wp-com-css-upgrade/

  (1) The border that appears around your images is due to the fact that the images in your posts are linked to the original image file. As both the images in the posts and the original images are the same size you can change that very easily by editing the posts. See 1 & 2 here > https://en.forums.wordpress.com/topic/remove-edge-around-images?replies=15#post-314220

  (2) This is a link to a cross browser compatibility checker that shows you how your CSS editing will display in all browsers http://browsershots.org/

• 

  timethief · Member · Apr 4, 2010 at 11:36 pm

  • Copy link

  (3) The Firefox Web Developer extension shows you your changes as the browser will apply them and Firebug may also be helpful when CSS editing.
  web developer https://addons.mozilla.org/en-US/firefox/addon/60
  firebug https://addons.mozilla.org/en-US/firefox/addon/1843

• 

  hallluke · Member · Apr 5, 2010 at 8:45 am

  • Copy link

  Try placing the code below at the bottom of your external CSS. Apart from that I second all of timethief’s suggestions. If you change anything else in the future be sure to check out those links.

  img {border-style:none;}
select {width:170px;}

  lh

• 

  lienverschooten · Member · Apr 5, 2010 at 10:28 am

  • Copy link

  Thanks for the very usefull links! I can see immediately that I made some mistakes. I will recheck the code and try to fix with the info behind these links!

  Thanks a lot!

• 

  timethief · Member · Apr 5, 2010 at 6:02 pm

  • Copy link

  @lienverschooten
  You’re welcome and best wishes with your blog.