Why the ad appear over the footer area?

posted 4 years ago

I tried a lot to find the error on code even I have contacted the developer to fix this issue. But the problem remained the same.

Error: I have placed AdSense code on site. As the pages have top and bottom section for advertisements. But it appears over the footer area and all details and links can not be seen easily. Also it look very unprofessional.

This mostly happens for large banner ad. But normal banners (728x90 or hight less than 90) appears correctly.

I do not know how to fix it and why it appears in such a way. I looked for many forums and css codes. But nothing found.

What adjactely should I look to solve this issue. What could be the main reason for this...?

Last updated 3 years ago.

pushpak1300

replied 4 years ago

Can you paste your html code ?

webfuelcode

replied 4 years ago

The page.blade.php file is here...

` @extends('layouts.app') @section('title') {{$page->title}} @stop

@section('content') <div class="user-member pft-display"> <div class="container"> <h1>{{$page->title}}</h1> </div> </div>

<div class="clearfix"></div>
@if($setting->ads == 'yes')
    <div class="text-center" style="margin: 20px 0">
        @if($ads->leaderboard != null)
            <br>{{ $ads->leaderboard }} <br>
        @else
            <img src="{{asset('uploads/dummy-leader.png')}}" alt="ad"> <br>
        @endif
    </div>
@endif

<div class="focus-wrapper pft-display">
    <div class="container text-left">
        <p>{!! $page->content !!}</p>
    </div>
</div>

@if($setting->ads == 'yes')
    <div class="text-center" style="margin: 20px 0">
        @if($ads->leaderboard != null)
            <br>{{ $ads->leaderboard }} <br>
        @else
            <img src="{{asset('uploads/dummy-leader.png')}}" alt="ad"> <br>
        @endif
    </div>
@endif

@stop

pushpak1300

replied 4 years ago

Solution

@if($setting->ads == 'yes')
    <div class="text-center container" style="margin: 20px 0">
        @if($ads->leaderboard != null)
            <br>{{ $ads->leaderboard }} <br>
        @else
            <img src="{{asset('uploads/dummy-leader.png')}}" alt="ad"> <br>
        @endif
    </div>
@endif```

I think you are messing up the style of that specific div in which ads are visible.Try putting some margin and padding for that div to align properly.

Last updated 4 years ago.

Moderators