html, kā nodrošināt pareizu container izmēru?

Decembris 6, 2008

Sveiki, BOOTieši

Prieka pēc pakodējot, konstatēju, ka nespēju tikt galā ar vienu problēmu: iekš IE7 containeris neattēlojas tā kā tas tiek attēlots iekš Firefox un Opera. FF un operā containeris ir caurspīdīgs un atrodas tur, kur stilos nodefinēts, bet IE containeris nav caurspīdīgs un augstuma ziņā tas ir vairākas reizes īsāks nekā tam vajadzētu būt. Kā atrisināt problēmu?

 <html>
<head>
<title>Nosaukums</title>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=UTF-8">
  <style media="all" type="text/css">
  html, body { height: 100%; margin: 0; padding: 0; color: #B22222;}
a { color: #FFA500;}	  
  #container {font-weight: bolder;
  overflow: auto;
  overflow-x: hidden;
  position: absolute;
  float:right;
  top: 80;
  left: 200;
  right: 20;
  bottom: 30;
  z-index: 1;	  
		}
  #menu {position: absolute; top: 85; left: 0; z-index: 2; opacity:0.95; filter:alpha(opacity=95); }
  #bg {position:fixed; top:0; left:0; width:100%; height:100%; opacity:0.25; filter:alpha(opacity=25)}
  #mbg {opacity:0.4; filter:alpha(opacity=40);}
	  #table td {}

.data {
font-weight: bolder;
}

</style>
</head>
<body bgColor=#3872b2>
<img src="background.jpg" id="bg"> </img>
<script type="text/javascript">
function autoResize() {
var dest = document.getElementById('container');
var source = window.frames[0].document.body.innerHTML;
dest.innerHTML = source
} 
</script>
<script type="text/javascript">
function target(site){
document.getElementById('container').innerHTML = '<iframe src="' + site +'" height="100%" width="100%" frameborder="0"/>';
}
</script>
  <div id="container">
  <div><p style="color:red">Sveikas gaišās galvas</p></div>
</div>
  <div id="menu" class="cornerBox"><font face="sans-serif"><b><table id="table" border="0"valign="top"align="left" leftmargin="10"topmargin="10"marginwidth="1"marginheight="0"cellspacing="2">
  	<tr><td class="data" id="mbg" background="back.png" width="180" height="40" valign="middle" align="center"style="CURSOR: POINTER"  onmouseover="this.style.opacity=0.75;this.filters.alpha.opacity=75" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" ONCLICK="parent.location='index.html'">Home</td></tr>
</table></b></font></div>
</body>
</html>

Pierakstīties

html, kā nodrošināt pareizu container izmēru?

Recommended Posts

archs

Link to comment

Share on other sites

Izveido kontu, vai pieraksties esošajā, lai komentētu

Izveidot jaunu kontu

Pierakstīties

Sākums