Fancybox non visualizzare correttamente

Question

Ho una pagina, con una forma, e mi piacerebbe per visualizzare un fancybox quando un link viene cliccato in questa pagina.

Ho un'altra pagina di lavoro con un fancybox su, che va bene, ma in questa pagina, l'iframe fancybox sembra per visualizzare utilizzando la corretta altezza / larghezza, e sotto il modulo nella pagina.

Anche se questo è un sito ASP.Net, sto usando solo HTML in questa pagina, più o meno, come ho bisogno di una discreta quantità di funzioni lato client rapidi.

Qui è il mio codice:

<a href="../TravelManagement.aspx?period=monthly" class="iframe">Add Mileage Claim</a>

$(document).ready(function() {
    $('a.iframe').fancybox({
        'frameWidth': 530,
        'overlayOpacity': 0.8,
        'overlayColor': "#000",
        'hideOnOverlayClick': false,
        'zoomSpeedIn': 1250
    });
});

C'è anche un jCarousel in questa pagina, e il link stesso è all'interno di una forma. Qualcuno ha qualche idea, come mi sono bloccato? Googled molto e non ho trovato niente.

Answer 1

Ho questo lavoro. E 'stato dovuto al fatto che il tag è stato impostato con rel = "text / css" quando necessario "stylesheet".

Si impara qualcosa di nuovo ogni giorno.