You are not logged in.

Announcement

Forum database was corrupt and an old backup was restored as temporary replacement. Registrations closed until the database is recovered. Please ask questions using the Contact form

#1 27-05-2014 14:31:50

AntoninoNeri
Contributors
Registered: 14-05-2014
Posts: 11

New DIV right below the header

Hi guys,

I have the need to add an extra DIV that contains a stretched image, between the header and the content (the zone where the tiles are). I have tried to add this code:

[== HTML ==]
<div id="hseparator" class="separator">
        <img src="img/misc/separator.jpg" alt="" style="width:100%; position:fixed;" />
</div>

right below this code in the index.php file:

[== PHP ==]
<?php triggerEvent("headerEnd");?>

using this CSS:

[== CSS ==]
#separator{
    position:fixed;
    width:100%;
    height:3px;
    display:block;
}

The result is that I can see the image but if I scroll the page up and down the image moves, to be more specific I can say that it follows the header bottom line. What am I supposed to do in order to insert this image and keep it where it has to stay even when I scroll the page up and down?


Kindest Regards

Offline

#2 27-05-2014 16:20:27

Thomas
Administrator
Registered: 10-03-2013
Posts: 897

Re: New DIV right below the header

Already tried to just add the image in the <header> element? smile

Offline

#3 28-05-2014 16:00:16

AntoninoNeri
Contributors
Registered: 14-05-2014
Posts: 11

Re: New DIV right below the header

Hi and thanks for your care.
I managed to solve it by using absolute as position instead of fixed smile

Offline

Board footer

Powered by FluxBB