Different look of my blog in different browsers

  • Author
    Posts
  • #464252

    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 liveforphotography.wordpress.com.

    #464380

    timethief
    Member

    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/

    #464381

    timethief
    Member

    (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

    #464418

    hallluke
    Member

    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

    #464426

    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!

    #464479

    timethief
    Member

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

The topic ‘Different look of my blog in different browsers’ is closed to new replies.