Missing close div causes html to break

Resolved

(@lackneets)

My site layout was broken, finally I found that $after_widget may be missing in some case (no idea). So I hard-coded the close tag…

<div class="widget-body">
  <?php
    $args = array(
        'after_widget' => '', // remove this value
        'widget_id' => '5',
        'width' => '45px',
        'height' => '45px',
    );
    the_widget('ftRecentViewedPosts', '', $args);
  ?></div> <!-- this div close tag has issue -->
</div>

recent_viewed_posts.php#L214

Viewing 6 replies - 1 through 6 (of 6 total)

Plugin Author Amit Sonkhiya
(@amitaits)

11 years ago

Thanks for let us know. We will check them sure.
Plugin Contributor K.K.Agarwal
(@kka284556)

11 years ago
Hi,

Actually It is your code mistake which is breaking the layout. Because the_widget function provides starting div tag with widget class in before_widget and closing div in after_widget by default. IF we want to modify the default values of these arguments then we need to change both arguments value but here you have modified the default value of after_widget only. So that’s why you layout is breaking by div.
```
before_widget
(string) the text or HTML befor the widget.
Default： <div class="widget {widget's classname}">

after_widget
(string) the text or HTML after the widget.
Default： </div>
```
For your reference, Please visit https://codex.ww.wp.xz.cn/Function_Reference/the_widget
Thread Starter Lackneets
(@lackneets)

11 years ago

Not as you said! this code makes my layout correct. I modified the default value of $after_widget as empty and hard-coded close div, in order to avoid the logic where I mentioned at Line 214.

I don’t know why $count is being zero or what is it, the closing tag in default $after_widget wont show up…

Also it might be the mistake from wordpress, or conflict with other plugins, not tested yet

Plugin Author Amit Sonkhiya
(@amitaits)

11 years ago

Glad, a small change made code working for you and we couldn’t find any mismatch in opening & closing div tags. So I’m closing the issue as resolved.

vgrch
(@govaleriia)

11 years ago

K K Agrawal,

Sorry that I’m writing here but I didn’t know better how to contact you.

I have the same problem, that you describes here:
https://ww.wp.xz.cn/support/topic/getting-404-error-in-loading-posts,
but in my case, because of the masonry, I used this plugin to enable the scroll.

I couldn’t crack your snippet to adapt to for my case and couldn’t find any additional info in the web. Could you help please?
My email: lrgrch at gmail dot com.

Thank you for any reply.

Plugin Author Amit Sonkhiya
(@amitaits)

11 years ago

Hi vgrh,

On behalf of K K Agrawal, your request has been arrived to him and he will get in touch with you very soon. Also you can contact us via this link (http://fellowtuts.com/contact/).

Thanks

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Missing close div causes html to break’ is closed to new replies.