[Content View] Internet Explorer Problems

  • CatFriedRice

    (@catfriedrice)


    8 years, 6 months ago

    Hey folks!

    I’m running the latest version of Content View on my site, and I’ve remodeled my blog page to show several lists of the most recent articles. On any other browser, the little recent posts feed looks fine. In fact, all other Content View list styles work fine except this one.

    But on Internet Explorer, the images go full scale for no apparent reason and ignore any CSS commands to reduce them down to size. I’ve tried altering the template files, stylesheets, and overrided certain styles within the page itself but nothing fixes the problem. Even the usual meta command to force IE into accepting the theme doesn’t work out.

    Could anyone help find what’s happening to my poor blog page?

    http://www.blackhawkpromotions.com/blog/

    Here is the code I’m using within the blog page (text editor):

    [tribulant_slideshow gallery_id="1"]

 
<table style="height: 65px; border: 0px!important;" width="676px">
<tbody>
<tr>
<td style="border: 0px!important;width: 200px;overflow:hidden;">
<h3 style="border-bottom: 4px solid #CB2020;">Site News</h3>
[pt_view id="3522dcaa02"]</td>
<td style="border: 0px!important;">
<h3 style="border-bottom: 4px solid #CB2020;">Lifestyle</h3>
[pt_view id="b333584371"]</td>
</tr>
<tr>
<td style="border: 0px!important;">
<h3 style="border-bottom: 4px solid #CB2020;">Music</h3>
[pt_view id="40848b1cc3"]</td>
<td style="border: 0px!important;">
<h3 style="border-bottom: 4px solid #CB2020;">Tech</h3>
[pt_view id="3867758255"]</td>
</tr>
</tbody>
</table>

    Much appreciated, friendos!

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter CatFriedRice

    (@catfriedrice)

    8 years, 6 months ago

    Edit: I forgot to change it back to the original code snippet where it says “width: 200px”…sorry! Here’s what I normally have on that part:

    <table style="height: 65px; border: 0px!important;" width="676px">
<tbody>
<tr>
<td style="border: 0px!important;width: 50%;">
    zota marius

    (@zota-marius)

    8 years, 6 months ago

    from your class .pt-cv-thumbnail remove height: 50%;

    .pt-cv-thumbnail {
    max-width: 50% !important;
    margin-top: 0px !important;
    margin-bottom: 15px !important;
    min-width: inherit !important;
}

    preview

    Thread Starter CatFriedRice

    (@catfriedrice)

    8 years, 6 months ago

    Hi zota!

    That only fixes the thumbnail size, and even so, a few other thumbnails were not affected by that change. Even so, the table itself (the lists are nested in different TDs) won’t change width correctly like Chrome and Firefox show.

    Chrome’s view

    IE’s view

    All the images are roughly the same size anyhow, so ideally they should all be the same dimensions.

    EDIT: Nevermind, I just removed the table code entirely and used divs with float styles. A bit messy, but it works haha.

    Thank you for helping me mate! 🙂

    zota marius

    (@zota-marius)

    8 years, 6 months ago

    Hello

    Tables exists in HTML for only one reason: To display tabular data.
    But many web designers use tables for the lay out of their website. Sometimes you see tables within tables and this causes a lot of extra code, which causes extra load time for your page. Also different web browsers can handle these table structured web sites in different ways.

    so please try to recreate your design using an grid layout system like bootstrap , Foundation. If you want for your site to be browser compatibility with several commonly used web browsers.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘[Content View] Internet Explorer Problems’ is closed to new replies.