Ask your WordPress questions! Pay money and get answers fast! (more info)

little css problem - shortcode box and IExplorer


I have a shortcode box, that I usually use for insert text in the posts. At the right (always in the post) I usually insert an image.
With chrome and firefox there are not problems of layout (the image is correctly displayed to the right) but with IE, with my damnation, the box pushes the image away, horizontally. The box becomes very very long horizontally.

How can I fix?

CSS code of the shortcode box

border-radius: 10px 10px 10px 10px;
display: flex;

CSS code of the image usually displayed to the right

display: block;
margin-left: auto;
margin-right: auto;

float: left;

float: right;

.alignright img, img.alignright
margin: 1em;
margin-right: 0;

String in function.php

function pdfbox($atts, $content=null, $code="") {
$return = '<div class="pdf">';
$return .= $content;
$return .= '</div>';
return $return;

add_shortcode('pdf' , 'pdfbox' );

Answers (2)


Shoeb mirza answers:

remove display:flex; and add overflow:hidden; in pdf class


Bob answers:

Which version of ie are you using?

can you post link of your webpage Here?

noronha comments:

The IE versions are IE10, IE11...