동적으로로드 된 CSS CSS 창의 높이 문제

here으로 이동하여 사용자 이름 "admin"과 암호 "endlesscomic"(래퍼 따옴표 제외)을 사용하여 웹 응용 프로그램 데모를 확인하십시오.동적으로로드 된 CSS CSS 창의 높이 문제

기본적으로 내가하려는 것은 점차적으로 클라이언트가 진행 상황을 확인하기 위해 점진적으로이 웹 앱에 내 작업을 통합하는 것입니다 ( ). 매일 밤마다 말합니다. 또한, 그는 처음에는 페이지 레이아웃에 대한 모형 인 을보고 싶습니다.

저는 이것을 달성하기 위해 960 그리드 시스템을 사용하려고합니다. 여태까지는 그런대로 잘됐다. 은 "mockup.css는"jQuery를 동적으로로드 할 때, 그것은 아래로 창, 뭔가 내가 싶어하지 않는다 "확장"고 한 문제를 제외하고

... 미숙 한 웹 개발자로서

, 나는 어떤 부분이 잘못되었는지 모른다. 아래는 내 js입니다.

/* master.js */ 
$(document).ready(function() 
{ 
    $('#addDebugCss').click(function() 
    { 
    alertMessage('adding debug css...'); 
    addCssToHead('./css/debug.css'); 
    $('.grid-insider').css('opacity','0.5');//reset mockup background transparcy 
    }); 

    $('#addMockupCss').click(function() 
    { 
    alertMessage('adding mockup css...'); 
    addCssToHead('./css/mockup.css'); 
    $('.grid-insider').css('opacity','1');//set semi-background transparcy for mockup 
    }); 

    $('#resetCss').click(function() 
    { 
    alertMessage('rolling back to normal'); 
    rollbackCss(new Array("./css/mockup.css", "./css/debug.css")); 
    }); 
}); 

function alertMessage(msg) //TODO find a better modal prompt 
{ 
    alert(msg); 
} 

    function addCssToHead(path_to_css) 
{ 
    $('<link rel="stylesheet" type="text/css" href="' + path_to_css + '" />').appendTo("head"); 
} 

    function rollbackCss(set) 
{ 
    for(var i in set) 
    { 
    $('link[href="'+ set[i]+ '"]').remove(); 
    } 
}

외장 mockup.css에 뭔가를 추가해야합니까? 내 주인님에게서 변할 것이 있습니다 .js?

미리 알려 주셔서 감사합니다.

출처

2010-05-03 Michael Mao

하단에서 무엇을하고 싶습니까? – ndp

@ndp : 늦은 답변에 대해 사과드립니다. 11시에 집에 돌아 왔습니다. ... 글쎄, mockup CSS가 적용될 때 "창"이 "아래로"확장되는 것을 막고 싶습니다. 작은 문제지만, 나는이 문제를 피할 수 있도록 CSS가 무엇인지 알고 싶습니다. 나중에 –

# 페이지 컨테이너 div입니다. 페이지의 모든 콘텐츠를 가지고 있으므로 크기는 600px입니다. 도서 아래에 배치되어 페이지 높이를 1000px까지 높입니다. 상대 위치와 -350 픽셀 상단은 시각적으로 이동하지만 여전히 흐름에서의 위치를 차지합니다.

가장 간단한 해결책은 페이지 콘텐츠로 책을 조정하려고 할 필요가 없도록 책을 흐름에서 빼내는 것입니다. 페이지에 절대 위치 또는 고정 위치를 지정하십시오.

희망이 도움이됩니다.

출처

2010-05-04 04:05:23 ndp

이것은 확실히 도움이됩니다, 많이 감사합니다! –

동적으로로드 된 CSS CSS 창의 높이 문제

답변

관련 문제