Witam

Mam formularz w ukrytym divie. Problem polega na tym, że div jest odkryty tylko w momencie ładownia strony, potem znika.

[HTML] pobierz, plaintext 
<a href="xxxxxxxxxxxxxx" onClick="document.getElementById('kontakt').style.display='block';">formularz kontaktowy</a>
<div style="display: none" id="kontakt"><div id="kontakt2">
[contact-form-7 id="122" title="Formularz 1"]
</div></div>
 
[HTML] pobierz, plaintext 

Mam jeszcze problem z wyśrodkowaniem diva #kontakt2

[HTML] pobierz, plaintext 
#kontakt{
 
position: fixed;
top:220px;
left:0px;
width:100%
height:400px;
}
 
#kontakt2{
 
width:600px;
height:380px;
margin:auto;
background-color: #f3f3f3;
padding-left:20px;
padding-top:10px;
}
[HTML] pobierz, plaintext 

1. Skoro div ma ustawiony style="display: none" to logiczne, że znika. W teorii powinien pojawić się po kliknięciu w link (zależy co jest ustawione w href="")
2.

[CSS] pobierz, plaintext 
#kontakt{
top:220px;
left:0px;
width:100%
height:400px;
}
[CSS] pobierz, plaintext 

a jak już koniecznie chcesz z position:fixed to

[CSS] pobierz, plaintext 
#kontakt{
 
position: fixed;
top:220px;
left:0px;
width:100%
height:400px;
}
 
#kontakt2{
position: fixed;
width:600px;
height:380px;
top: 50%;
left: 50%;
margin-top: -190px;
margin-left: -300px;
background-color: #f3f3f3;
padding-left:20px;
padding-top:10px;
}
[CSS] pobierz, plaintext 

Udało mi się wykonać formularz. Tylko mam jeszcze problem z otwieraniem i zamykaniem diva z formularzem.
Może ktoś ma inny pomysł na pokazywanie i ukrywanie diva?


margin:auto mi nie działało z braku średnika : width:100%;

[HTML] pobierz, plaintext 
#kontakt{
position: fixed;
top:220px;
left:0px;
width:100%;
height:400px;
 
 
}
[HTML] pobierz, plaintext