Cookie Hinweis Button nicht zu sehen?

Shorty1968

Erfahrenes Mitglied
Hallo,
ich möchte ein Cookie Hinweis einbauen, wenn ich das mache wird der Einverständnis-Button nicht angezeigt.

in die costumer.css Trage ich folgendes ein.


/* Cookie Info */
#cookiedingsbums a {
font-size: 20px;
color:#FFdEAD;
text-decoration:none;
}

#cookiedingsbums a:hover {
text-decoration:underline;
}

#cookiedingsbums div {
padding:10px;
padding-right:60px;
}

#cookiedingsbums {
outline: 1px solid #FFdEAD;
text-align: center;
border-top:1px solid #FFdEAD;
background: #434343;
background: -moz-linear-gradient(top, #434343 0%, #f2f6f9 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#434343), color-stop(100%,#f2f6f9));
background: -webkit-linear-gradient(top, #434343 0%,#f2f6f9 100%);
background: -o-linear-gradient(top, #434343 0%,#f2f6f9 100%);
background: -ms-linear-gradient(top, #434343 0%,#f2f6f9 100%);
background: linear-gradient(to bottom, #434343 0%,#f2f6f9 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#434343', endColorstr='#f2f6f9',GradientType=0 );
position:fixed;
bottom: 0px;
z-index:50000;
height: 100px;
width:100%;
font-size:20px;
line-height:16px;}

#cookiedingsbumsCloser {
color: #434343;
font: 14px/100% arial, sans-serif;
position: absolute;
right: 400px;
text-decoration: none;
text-shadow: 0 1px 0 #FFdEAD;
top: 900px;
cursor:pointer;
border-top:1px solid white;
border-left:1px solid white;
border-bottom:1px solid #FFdEAD;
border-right:1px solid #FFdEAD;
padding:10px;
background: #434343; /* Old browsers */
background: -moz-linear-gradient(top, #ced6df0%, #f2f6f9 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ced6df), color-stop(100%,#f2f6f9));
background: -webkit-linear-gradient(top, #ced6df0%,#f2f6f9 100%);
background: -o-linear-gradient(top, #ced6df0%,#f2f6f9 100%);
background: -ms-linear-gradient(top, #ced6df0%,#f2f6f9 100%);
background: linear-gradient(to bottom, #ced6df0%,#f2f6f9 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ced6df', endColorstr='#f2f6f9',GradientType=0 );
}

#cookiedingsbumsCloser:hover {
border-bottom:1px solid white;
border-right:1px solid white;
border-top:1px solid #FFdEAD;
border-left:1px solid #FFdEAD;
}

in die footer.inc.php

<div id="cookiedingsbums">
<div style="float: left;">
Hosted by<br /><a href="Einfach aufladen & sofort loslegen" target="_blank"><div class=""><img src="<?php echo ROOT_PATH; ?>assetsRT/images/pph-logo.png" title="HosterLogo"></div></a>
</div>

<div id="cookieinhalt">
<span>Ja, auch diese Webseite verwendet Cookies. </span>
<a href="https://schnaeppchenpiet.eu/Privatsphaere-und-Datenschutz:_:2.html">
[mehr Informationen]</a><br /><br />
Durch die weitere Nutzung der Website stimmen Sie dieser Verwendung zu.
</div>
<span id="cookiedingsbumsCloser" onclick="document.cookie = 'hidecookiedingsbums=1;path=/';jQuery('#cookiedingsbums').slideUp()">Einverstanden</span>
</div>

wen ich diesen Teil<div id="cookiedingsbums"> aus der footer.inc.php entferne wird der Button angezeigt,ich kann das Problem leider nicht finden und lösen.

Wäre für Hilfe sehr dankbar.
 

Sempervivum

Erfahrenes Mitglied
Bei diesem span#cookiedingsbumsCloser sehe ich ein top: 900px;. Kein Wunder, dass das Element nach unten aus dem Browserfenster verschwindet.
Außerdem sehe ich da ein float und viel absolute Positionierung. Beides häufig eine Ursache für Probleme. Ordne deine Elemente besser mit Flex- oder Gridlayout an.
 
Zuletzt bearbeitet:

Shorty1968

Erfahrenes Mitglied
Bei diesem span#cookiedingsbumsCloser sehe ich ein top: 900px;. Kein Wunder, dass das Element nach unten aus dem Browserfenster verschwindet.
Außerdem sehe ich da ein float und viel absolute Positionierung. Beides häufig eine Ursache für Probleme. Ordne deine Elemente besser mit Flex- oder Gridlayout an.
Danke aber mit Flex usw kenne ich mich nicht aus.
 

Sempervivum

Erfahrenes Mitglied
Ich denke mal, auf längere Sicht betrachtet, ist der Aufwand, dich damit vertraut zu machen, geringer als der Aufwand, die ganzen Probleme zu lösen, die durch float und absolute Positionierung entstehen. Um so mehr wenn die Seite responsiv sein soll, was heute mehr oder weniger zwingend ist.

Dies ist ein guter Einstieg in Gridlayout:
A Complete Guide to Grid | CSS-Tricks
Beginne am besten mit grid-template-columns weil man das am häufigsten braucht.