little css problem - shortcode box and IExplorer WordPress
- SOLVED
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;
background:#F5F5F5;
display: flex;
CSS code of the image usually displayed to the right
{
display: block;
margin-left: auto;
margin-right: auto;
}
.alignleft
{
float: left;
}
.alignright
{
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)
