html - height auto after div position -

- 

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">  <html xmlns="http://www.w3.org/1999/xhtml">  <head>  <meta http-equiv="content-type" content="text/html; charset=iso-8859-9" />  <title>başlıksız belge</title>  <style>  #a01 {  	position:relative;  	left: 0px;  	top: 0px;  width:720px;  background-color:gray;      height:100vh;  }  #a02 {  		position:relative;  	left: 0px;  	top: 0px;  width: 720px;      height: auto !important;  	display:block;  background-color:orange;  }  #a03 {  	position:relative;  	left: 0px;  	top: 5px;  width: 710px;  height: 70px;  margin: 0px 5px 5px 5px;  background-color:brown;  }      #a04 {  			position:absolute;  	left: 5px;  	top: 80px;  width: 710px;      height: auto !important;  background-color:blue;  }  #a04a {  max-width:100%;  }  #a05 {  	    position: absolute;      left: 5;      top: 100%;      width: 710px;      height: auto;  	background-color:green;  }  #a05a {  width: 710px;  height: 50px;  background-color:red;  }  #a05b {  width: 710px;  height: 50px;  background-color:yellow;  }      </style>  </head>    <body>  <div id="a01">    <div id="a02">    <div id="a03"></div>    <div id="a04"><img src="710x600.jpg" width="710" height="600" id="a04a"></div>      <div id="a05">  <div id="a05a"></div>  <div id="a05b"></div>  </div>              </div>  </div>  </body>  </html>

http://i.hizliresim.com/9pmnpo.jpg

hello there frame consisting of 3 sections top bottom. bottom covering section 3 relative area

in 1 part absolute height 100px 2 sections height of non-auto in section 3 2 after auto replace div want place absolute location data 2 auto not mean 3 how think should part div css?

one solution without changing html:

#a01 {    position: relative;    left: 0px;    top: 0px;    width: 720px;    background-color: gray;    margin: 0 auto;    padding: 10px;  }  #a02 {    position: relative;    left: 0px;    top: 0px;    width: 720px;    display: block;    background-color: orange;    height: 80px;  }  #a03 {    position: relative;    left: 0px;    top: 5px;    width: 710px;    height: 70px;    margin: 0px 5px 5px 5px;    background-color: brown;  }  #a04 {    position: relative;    margin: 10px auto;    width: 710px;    height: auto !important;    background-color: blue;  }  #a04a {    max-width: 100%;  }  #a05 {    position: relative;    width: 710px;    height: auto;    background-color: green;    margin: 10px auto;  }  #a05a {    width: 710px;    height: 50px;    background-color: red;  }  #a05b {    width: 710px;    height: 50px;    background-color: yellow;  }
<div id="a01">    <div id="a02">      <div id="a03"></div>    </div>    <div id="a04">      <img src="710x600.jpg" width="710" height="600" id="a04a">    </div>    <div id="a05">      <div id="a05a"></div>      <div id="a05b"></div>    </div>  </div>  </div>


Comments

Post a Comment

Popular posts from this blog

matlab - "Contour not rendered for non-finite ZData" -

-
i'm trying plot frequency characteristic equation using ezplot, matlab gives following warning, "contour not rendered non-finite zdata". have used command plot frequency equations warning , plot display empty , not change axis range well. can please help. appreciated. here's code i'm using. % transfer matrix case-i, thin rotor clear all; clc; ei = 1626; l = 0.15; m = 0.44108; = 2.178*10^-4; i_p = 2.205*10^-5; itr = 0.24; i_pr = 0.479; syms p n; f = [1 l*1i l^2/(2*ei)*1i l^3/(6*ei); 0 1 l/ei -l^2/(2*ei)*1i; 0 0 1 -l*1i; 0 0 0 l]; p = [ 1 0 0 0; 0 1 0 0; 0 -it*p^2+i_p*n*p 1 0; -m*p^2 0 0 1]; p_r = [1 0 0 0; 0 1 0 0; 0 -itr*p^2+i_pr*n*p 1 0; -m*p^2 0 0 1]; = f*p*f*p*f*p*f; b = p_r*f*p*f*p*f; r = a(1,2)/a(1,4); a12_p = 0; a22_p = a(2,2)-r*a(2,4); a32_p = a(3,2)-r*a(3,4); a42_p = a(4,2)-r*a(4,4); ap(2,2) = a22_p; ap(3,2) = a32_p; ap(4,2) = a42_p; ap(4,4) = 1; c = b*ap; m = [c(3,2) c(3,4); c(4,2) c(4,...
Read more

delphi - Indy UDP Read Contents of Adata -

-
i using indy udp server read string of data. however, not know how work adata parameter. can around converting binary using bytetobin function below , convert hex using bintohex1 . feel stupid , works slow. know how can directly results without 2 conversions? thanks!! here codes: procedure tform1.idudpserver1udpread(athread: tidudplistenerthread; const adata: tidbytes; abinding: tidsockethandle); var buf: tidbytes; buffer: string; data_received: string; begin if bytestostring(adata) <> 'hello' begin buffer := hextostring('00'); setlength(buf, length(buffer)); copytidstring(buffer, buf, 0); abinding.sendto(abinding.peerip, abinding.peerport, buf); data_received := bintohex1(bytetobin(adata[1]) + bytetobin(adata[2]) + bytetobin(adata[3]) + bytetobin(adata[4]) + bytetobin(adata[5]) + bytetobin(adata[6]) + bytetobin(adata[7]) + bytetobin(adata[8]) + bytetobin(adata[9]) + bytetobin(adata[10]) + bytetobin(adata[11...
Read more

javascript - Any ideas when Firefox is likely to implement lengthAdjust and textLength? -

-
any ideas when firefox implement lengthadjust andtextlength?..... working svg application. lengthadjust , textlength working fine in chrome not working in fire fox . <svg viewbox = "0 0 500 300" version = "1.1"> <defs> <path id="s3" d="m 10,90 q 100,15 200,70" /> </defs> <g> <text font-size = "20"> <textpath xlink:href="#s3" textlength="205"> short text</textpath> </text> <use xlink:href="#s3" fill="none" stroke="black" stroke-width="1"/> </g> </svg> this implemented in firefox text elements (not textpath or tspan) in case that's ok though can move attribute text element. <svg viewbox = "0 0 500 300" version = "1.1"> <defs> ...
Read more