CSS Code for IE

tlayton85 · Member · Feb 6, 2013 at 3:12 pm
Copy link

Add topic to favorites
Hello,

My blog shows up perfectly in Google Chrome; however, it looks a mess when using IE. Is there a CSS code to make my blog show up correctly (or at least close) in IE? My main issue is that the Flickr widget I’m using is making the pictures extremely big. Also, there is a red box around my tagline, and the dates have extra colors that shouldn’t be there.

The blog I need help with is http://www.tylatimes.com

Thanks!

The blog I need help with is: (visible only to logged in users)
justjennifer · Member · Feb 6, 2013 at 3:36 pm
Copy link
You’ve already posted about the problem you are having with the flickr widget here https://en.forums.wordpress.com/topic/issue-with-flickr-widget?replies=3#post-1144468 which also has a problem in Chrome and on that one we’re waiting for Staff input. I also note that you’ve changed themes from Bueno to Next Saturday.

Since CSS is theme specific, please indicate which theme you’ll be working with.

What version of IE are you viewing your site in? If anything earlier than IE9 you may encounter issues.
tlayton85 · Member · Feb 6, 2013 at 3:39 pm
Copy link
I am using the Next Saturday theme because the Flickr widget works on Google Chrome.
I am using IE8.
im reporting more issues than the Flickr widget.
designsimply · Member · Feb 18, 2013 at 2:08 pm
Copy link
The Flickr widget was designed to accept a Flickr feed, but you are using a different feed. It appears @zandyring worked to help you with some CSS to customize based based on the different RSS you’re using that should work in IE9.
https://en.forums.wordpress.com/topic/issue-with-flickr-widget?replies=3#post-1151473

Note that we support IE9 and higher, but I tried to come up with some better CSS for you anyway. Note that I tested this CSS with IE9 using compatibility mode, so you should test it on IE8 yourself to see if it works better for you:
```
.widget_flickr {
	text-align: center;
}

#flickr_badge_uber_wrapper {
	width: 200px;
	display: inline-block;
	margin: 0;
	padding: 0;
}

#flickr_badge_uber_wrapper img {
	max-width: 200px;
}

#flickr_badge_wrapper td {
	overflow: hidden;
}
```
Also, please upgrade your browser if at all possible!
http://browsehappy.com/
tlayton85 · Member · Feb 18, 2013 at 2:15 pm
Copy link
Hello!

I’d try the CSS code above in IE8, but it didn’t change anything. I will keep it for IE9 though. I will upgrade IE on my personal computer, but I won’t be able to on my work computer. Thank you for your help!

No items found.