WebBrowser component not showing CSS 3

c# css webbrowser-control
RoXaS picture RoXaS · Apr 19, 2012 · Viewed 12.2k times · Source

I am building a piece of software that requires a WebBrowser component. Unfortunately it won't show my page correctly.

My content uses this CSS style:

.content_mid{
background-image:url(http://img.awesome-o.net/Content_Mid.png);
background-size: 100% 100%;
vertical-align:text-top;
padding-left: 40px;
padding-right:20px;
min-height:400px; 
}

Since I already found out the WebBrowser component uses the installed version of interwebs explorer, I checked the html on Internet Explorer, and it shows perfectly.

Here you see what it shows on IE:

enter image description here

And here is how it displays on the webbrowser component:

enter image description here

So, I checked the browser version:

Debug.WriteLine("WebBrowser version: " + webBrowser1.Version);
output: WebBrowser version: 9.0.8112.16443

So that should be alright I guess.

Answer

Sam Axe picture Sam Axe · Apr 20, 2012

This page describes how to force the browser control to use a specific render mode.

You can also try this doctype:

<!DOCTYPE html>

And/Or this meta element in the head element:

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

Related questions

WebBrowser Control IE8 Compatibility Mode On/Off Switch

I am having a IE8 compatibility issue while using the WebBrowser control to navigate to a website. The strange thing is sometimes the website works, but more than likely it wont. I can refresh the page sometimes and it works …

Read More
How do you modify a CSS style in the code behind file for divs in ASP.NET?

I'm trying to modify a CSS style attribute for a div based on the information I get from a database table in the code behind of my aspx page. The following is essentially what I am trying to do, but …

Read More
Open Source HTML to PDF Renderer with Full CSS Support

I asked about getting iTextSharp to render a PDF from HTML and a CSS sheet before here but it seems like that may not be possible... So I guess I will have to try something else. Is there an open …

Read More