2016-04-13 24 views
-2

Bir 'div' elemanının gövdesini doğru bir şekilde düzeltmem ve bunu yapamam.'div' beden içeriğini bu 'div' içine nasıl yerleştirebilirim?

benim CSS kodu

.bgImageMobile { 
    height: 670px !important; 
    width: 455px !important; 
    background-size: 425px contain; 
    background-image: url('./nexus600.png'); 
    padding-bottom: 0px; 
    align: center !important; 
    background-repeat: no-repeat; 
    margin: 0px 0px 0px 8px; } 

.dynamicWidgetDivMobile { 
    height: 647px !important; 
    width: 407px !important; 
    padding: 59px 36px 49px 22px !important; 
    margin: 0px 27px 0px 0px; 
    FLOAT: LEFT; } 

benim div ve ben bir innerHTML bu HTML kodunu yazdım

<div id="mobileDiv" class="bgImageMobile" ng-show="showMobile" align="center"> <div id="innerDiv" class="dynamicWidgetDivMobile"> 

<iframe 
src="mobilePreview.jsp?dt=dt&wid=wid" 
     style="zoom:0.60;height:100%;width:100%;min-height:750px;" 
width="99.6%" frameborder="0"></iframe> </div> </div> 

bu

enter image description here

My Gerçek HTML gibi vücut bakmak JSP sayfasında formatlayın.

İçeriği uygun şekilde div'a hizalamanız ve işaretli kenarlıkların div içinde gösterilmesi gerekir.

<div id="mobileDiv" class="bgImageMobile" ng-show="showMobile" align="center"> <div id="innerDiv" class="dynamicWidgetDivMobile"> 

<iframe 
src="mobilePreview.jsp?dt=dt&wid=wid" 
     style="zoom:0.60;height:100%;width:100%;min-height:750px;" 
width="99.6%" frameborder="0"></iframe> </div> </div> 


Benim Gerçek HTML ben JSP sayfasında bir innerHTML formatında bu HTML kodunu yazdım.

+0

İlk vücut Hiçbir marjı ve dolgu olduğundan emin olun:

CSS değiştirin

. – Tom291

+1

Neden bir sürü "önemli" kullanıyorsunuz? bu kötü bir uygulamadır. – Aziz

+0

Vücudunuzun 'genişliğinin **% 100 ** olarak ayarlandığından emin olmalısınız. – Zachariel

cevap

0

İçerik divinizin, hizalama uyguladığınız div içinde olduğundan emin olun.

örn:

<div id="mobileDiv" class="bgImageMobile" ng-show="showMobile"> 
    <div id="innerDiv" class="dynamicWidgetDivMobile"> 
    <iframe src="mobilePreview.jsp?dt=dt&wid=wid" style="zoom:0.60;height:100%;width:100%;"frameborder="0"></iframe> 
    </div> 
</div> 

Sizin min-height: Burada iframe'de 750px çünkü CSS kabın yüksekliği 750px olamaz 647px olduğu;

.bgImageMobile { 
    height: 670px !important; 
    width: 455px !important; 
    background-size: 425px contain; 
    background-image: url('./nexus600.png'); 
    padding-bottom: 0px; 
    text-align: center; 
    background-repeat: no-repeat; 
    margin: 0px 0px 0px 8px; } 

.dynamicWidgetDivMobile { 
    float: left; 
    height: 100%; 
    width: 100%; 
    padding: 5px; 
    } 
+0

'un kendim için bir çözüm bulmasına yardımcı olur. –