6
मेरे पास मेरे वेब पेज का एक निम्न लेआउट है। निम्नलिखित सीएसएस कोड मुझे 100% ऊंचाई & इंटरनेट एक्सप्लोरर 9 में चौड़ाई देता है। वही मुझे एफएफ & क्रोम में 100% चौड़ाई देता है लेकिन 100% ऊंचाई नहीं देता है। मैंने कई उदाहरणों की कोशिश की उनमें से ज्यादातर में एक ही समस्या है। मैंने http://jsfiddle.net/cwkzq/3/ पर एक ही कोड का उपयोग किया है यदि मैं इसे एफएफ देखता हूं तो यह मुझे 100% ऊंचाई और चौड़ाई देता है।100% ऊंचाई और कंटेनर div टैग की चौड़ाई काम नहीं कर रही
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<style type="text/css">
html, body {
height: 100%;
}
body {
margin: 0;
padding: 0;
border: 1;
background-color:Aqua;
}
.Container {
width: 100%;
height: 100%;
border: solid 1px red;
margin: 0 auto;
padding: 0 1em;
font: 12px/1.5 Verdana;
background-color:red;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<!-- Container -->
<div class="Container">
<!-- TopMenu Bar -->
<div class="colorBar">
asd
</div>
<!-- TopMenu Bar -->
<!-- Middle Part -->
<div class="MiddleWrapper">
<!-- Left Title -->
<div class="Title">
</div>
<!-- Left Title -->
<!-- Large Image -->
<div class="ImageLeftWrapper">
</div>
<!-- Large Image -->
<!-- Logo Wrapper -->
<div class="LogoWrapper">
</div>
<!-- Logo Wrapper -->
<!-- Page Text Area -->
<div class="PageText">
</div>
<!-- Page Text Area -->
<!-- Search Bar -->
<div class="SearchBar">
</div>
<!-- Search Bar -->
<!-- Banner Images -->
<div class="BannerImageWrapper">
</div>
<!-- Banner Images -->
</div>
<!-- Middle Part -->
<!-- Menu Wrapper -->
<div class="MenuWrapper">
</div>
<!-- Menu Wrapper -->
<!-- Footer Section -->
<div class="FooterWrapper">
</div>
<!-- Footer Section -->
</div>
<!-- Container -->
</form>
</body>
</html>
अगर कोई कोड में समस्या को इंगित कर सकता है तो मैं सराहना करता हूं।
मेरा सुझाव है कि आप एक डॉक्टरेट टैग शामिल करें, इस तरह आप हमेशा यह जान लेंगे कि समस्या का स्रोत नहीं है;) – poepje