Téma: Hogyan csináljam? Alsó popup banner kérdés.

Mégsem ilyenre gondoltam, hanem olyanra, mint a
webgalamb.hu/index-lent.php -n van. A tiéden nem tűnik el a popup, csak lejjebb megy!

De azért köszi a fáradozást!

Eltűnik az egyébként, de a legnagyobb gondom az, hogy ie6 nem igazán érti a "position:fixed;"-et, és ezért hülyeségeket csinál. Alkalomadtán nézek rá valami megoldást...
(Most is ilyen css hack-eket nézek, de eddig mindegyiknek volt valami komolyabb hátulütője.)
Na majd jön minden webgalambok atyja, és megosztja a tudását
(syshost meg nem röhög!!! )

Zool:
Igen, direkt
Nem, a megoldás az lesz, hogy éppen dolgozok rajta. Csak időm nincs, úgyhogy pihenésképpen 2-3 (10-15) más dolgom közti üres percekben csinálom... Ilyenek (is) becsúsznak időnként, mert megrögzött perverzként mindent kézzel írok. (np++)
Most ülök neki megint éppen, pedig már csillagokat látok. Jó hosszú lesz ez az éjszaka is.

Na rátaláltam a topikra, köszi a bizalmat a Webfix-el kapcsoltban.

Mahone-nak már elküldtem privátban az oldalunkon látható scriptet, de hátha mást is érdekel ide is bemásolom. Egyszerű css trükk az egész egy pár szavas js-el amivel be lehet zárni, de az is csak kicseréli a class értéket, semmi komoly:

Css:

Kód:

<STYLE type=text/css>
html {
height:100%; 
max-height:100%;  
padding:0; 
margin:0; 
border:0; 
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ }

body {
height:100%;
max-height:100%;
overflow:hidden;
}

#pluszbg {
background-color: #8F8F8F;
}
#content {
background-color: #8F8F8F;
display:block;
height:100%;
max-height:100%;
overflow:auto;
position:relative;
z-index:3;
}

#lentiablak {
position:fixed;
margin:0;
bottom:0px;
right:0px;
display:block;
width:100%;
height:100px;
background: #ff4400;
z-index:4;
}

* html #lentiablak,* html {position:absolute;}

</STYLE>

Html:

Kód:

<div id="pluszbg"><div id="content">
ide jön a weboldal
</div></div>

<script type='text/javascript' language='Javascript'>function bezar(){sliderEnabled = false;document.getElementById( 'lentiablak' ).style.display = 'none';}</script>
<div id="lentiablak" align="center">
	<div id="lenticontainer">

<div><a href="javascript:bezar();">BEZÁRÁS</a></div>

Ide pedig a popup tartalma

	</div>
</div>

Eléggé egyszerű, remélem nem felejtettem ki belőle valamit. Ha gond van vele szóljatok.

Ami pluszt még érdemes benne használni az a halványan transzparens png háttér (ie 6-hoz pici hack kell, nem szereti) valamint a lenti ablakban kicsi belső pozicionálás.

Még annyi, hogy a css-ben a

overflow:hidden;

rész nálam a Wordpressben olyan hibát okoz, hogy nem lehet görgetni az oldalt, amibe beleteszem az alsó popuput. Ha kiveszem, vagy visible vagy scroll-ra átírom, akkor tökéletesen működik.