Textpattern CMS

#1 2021-06-27 07:13:06

Gallex

Member

Registered: 2006-10-08

Posts: 1,315

[SOLVED] CSS question

why section #ajutine covers div .top on this site?
it should not – z-index 500 versus 1, position fixed versus relative…

css:

.top {
    background-color: #770600;
    left: 0;
    top: 0;
    padding: 0;
    width: 100%;
    height: 55px;
    border-top: 0px solid #1E435A;
    position: fixed;
    z-index: 500;
}

#ajutine {
    background-position: center center;
    background-size: cover;
    height: 100vh;
}
#ajutine {
    background-image: url(/images/1253.jpg);
    background-position: center center;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 40vh;
    position: relative;
    z-index: 1;
}

#2 2021-06-27 08:48:53

phiw13

Plugin Author

From: South-Western Japan

Registered: 2004-02-27

Posts: 3,504

Website

Re: [SOLVED] CSS question

If I understand correctly, the .top fixed bar is on top of the #ajutine element (big background-image) here. Firefox / Safari.

PS – Loads quite slowly here, especially Firefox. Had to wait quite a bit for that image to load to make sure I saw it correctly.

---

Where is that emoji for a solar powered submarine when you need it ?
Sand space – admin theme for Textpattern
phiw13 on Codeberg

#3 2021-06-27 09:03:34

Gallex

Member

Registered: 2006-10-08

Posts: 1,315

Re: [SOLVED] CSS question

phiw13 wrote #330742:

If I understand correctly, the .top fixed bar is on top of the #ajutine element (big background-image) here. Firefox / Safari.

yes

yeah, slow. below is 2 background videos it needs to load…

#4 2021-06-27 09:19:52

phiw13

Plugin Author

From: South-Western Japan

Registered: 2004-02-27

Posts: 3,504

Website

Re: [SOLVED] CSS question

Gallex wrote #330743:

So what is actually the problem? Both browsers display your site correctly.

---

Where is that emoji for a solar powered submarine when you need it ?
Sand space – admin theme for Textpattern
phiw13 on Codeberg

#5 2021-06-27 10:02:17

Gallex

Member

Registered: 2006-10-08

Posts: 1,315

Re: [SOLVED] CSS question

phiw13 wrote #330744:

Gallex wrote #330743:

So what is actually the problem? Both browsers display your site correctly.

submenus not working because of that, like here

Last edited by Gallex (2021-06-27 10:07:24)

#6 2021-06-27 12:14:09

Gallex

Member

Registered: 2006-10-08

Posts: 1,315

Re: [SOLVED] CSS question

i have closing element error somewhere instead, i’m afraid…

Last edited by Gallex (2021-06-27 12:14:39)

#7 2021-06-27 12:42:53

Gallex

Member

Registered: 2006-10-08

Posts: 1,315

Re: [SOLVED] CSS question

solved

i had been inserted <txp:else /> in a wrong place :)

<txp:if_section name=" ">
<section id="ajutine">
<a href="/kontserdid/" class="ajutine"></a>
<txp:else />
</section>
</txp:if_section>

before </section> not after. dear me…