Horje
CSS tweak for IE7/IE8 - Wordpress Solution
I have a website which in IE7 renders these pages incorrectly (width too narrow, on both form and regular page): [[LINK href="http://blanko.no/fotomaraton/hva-er-et-fotomaraton/"]]http://blanko.no/fotomaraton/hva-er-et-fotomaraton/[[/LINK]] [[LINK href="http://blanko.no/fotomaraton/pamelding-2011/"]]http://blanko.no/fotomaraton/pamelding-2011/[[/LINK]] In IE8 the form on this page is also rendered incorrectly: [[LINK href="http://blanko.no/fotomaraton/pamelding/"]]http://blanko.no/fotomaraton/pamelding/[[/LINK]] Everything works fine in Firefox and Safari. Can anyone suggest the change in the CSS neccessary to fix this problem in Explorer?

Solution - 1

Specify height and width would be useful for floating content on IE7, since IE up to 7 will use its content to determine width on floating element (box model bug), not to mention you use header tag for a description not div or p.


Solution - 2

replace

.gform_wrapper .top_label .gfield_label {
    clear: both;
    display: inline-block;
    font-weight: bold;
    line-height: 1.3em;
    margin: 10px 0 4px;
}
with
.gform_wrapper .top_label .gfield_label {
    clear: both;
    display: block;
    font-weight: bold;
    line-height: 1.3em;
    margin: 10px 0 4px;
}


Solution - 3

I can only see the background image. No content at all.


Solution - 4

Hi Teggen, It seems you must be running IE8 in compatibility mode, because the page displays ok in my IE8, but goes haywire when I send the browser into compatibility mode. Anyway, your problem seems to be the

float:right;
you have on .content h1 & .content h4 headings. If you take that out, the headings appear in IE as they do in FF. And it has no effect in FF other than to collapse slightly the margins between the headings. best, Duncan





Wordpress

Related
Amend content/image separation code to include image links - Wordpress Solution Amend content/image separation code to include image links - Wordpress Solution
Add label that disappears in write post text editor  - Wordpress Solution Add label that disappears in write post text editor - Wordpress Solution
Search with Custom Fields in search.php - Wordpress Solution Search with Custom Fields in search.php - Wordpress Solution
WP Email Capture in WP PopUp Scheduler - Wordpress Solution WP Email Capture in WP PopUp Scheduler - Wordpress Solution
Problem with Tweetable plugin - Wordpress Solution Problem with Tweetable plugin - Wordpress Solution

Type:
Code Example
Category:
Coding
Sub Category:
Code Example
Uploaded by:
Admin
Views:
7