html - Auto resizing centre div using css? -

-

i having difficulty getting 3 divs automatically resize when resizing browser window/page.

i have 2 divs of fixed size , want centre div automatically resize fill remaining space , not have third div wrap newline when page size shrinks.

i set min-width property on div wraps 3 divs prevent wrapping of third div once middle div 65px wide.

does have done javascript because trying achieve css having no luck.

the javascript or css expression width = page.width - div1.width -div3.width avoid using js if possible.

thanks help!

mike

you can see expected behavior in attached image.

1) want 2) experiencing on shrinkage

1)expected div behavior 2)current div behaviour

i have div re-sizing , textbox inside set @ 100% re-sizes div.

however right side div can either 267px shown below or 192px (discrete) should set margin-right code behind on pages? or there way make margin-right dynamic based on size of the div right?

eg. html

<div id="wrapper">   <div id="left"></div>   <div id="right"></div>   <div id="centre">           <div> </div>

css

#wrapper {height:84px;  background-image:url(../images/siteimages/header_back.png);  background-repeat: repeat-x;}  #left {height:inherit;  width:512px;  background-image:url(../images/siteimages/logo.png);  background-repeat: no-repeat;  float:left;}  #centre {width:auto;  margin-left:512px;  margin-right:267px;  height:inherit;}  #right {padding-right:10px;  height:inherit;  float:right;  text-align:right;}

you have like:

<div id="a">...</div> <div id="c">...</div> <div id="b">...</div>

with css:

#a { width: 512px; float: left; } #b { width: auto; margin-left: 512px; margin-right: 200px;} #c { width: 200px; float: right; }

which believe looking for.


Comments

Post a Comment

Popular posts from this blog

jasper reports - Fixed header in Excel using JasperReports -

-
how can create excel report fixed header using japserreports? mean need header fixed when scroll excel file. this possible adding couple properties in jrxml file each report. take @ advanced excel features freeze panes. if wanted freeze after first column header (down left side basically) this: <statictext> <reportelement style="sans_bold" mode="opaque" x="0" y="60" width="104" height="20" forecolor="#ffffff" backcolor="#666666"> <property name="net.sf.jasperreports.export.xls.auto.filter" value="start"/> <property name="net.sf.jasperreports.export.xls.column.width" value="110"/> <property name="net.sf.jasperreports.export.xls.freeze.column.edge" value="left"/> </reportelement> &
Read more

media player - Android: mediaplayer went away with unhandled events -

-
i need duration of audio file series of voice announcements need play app. have added audio files resources , play fine. sample code below works perfect intended purpose: return duration of audio files. here code: float getdurationofaudioresource(locationenum loc, context context){ float duration = 0; try { mediaplayer mp; mp = mediaplayer.create(context, getaudioresource(loc)); duration = mp.getduration(); mp.release(); mp = null; } catch (illegalstateexception e) {e.printstacktrace(); logerror(25, "testdescitem:fault::could not open mediaplayer object audio resource.");} return duration; } here's weird thing. code called in main activity prepares set of audio instructions given test. there no errors within activity. second activity called, long string of errors on logcat. 03-07 13:23:43.820: i/actionlogger(21435): gentest_info_test #0 created. 03-07 13:23:43.830: i/actionlogger(21435): gente
Read more

python - ('The SQL contains 0 parameter markers, but 50 parameters were supplied', 'HY000') or TypeError: 'tuple' object is not callable -

-
import pyodbc,nltk,array cnxn = pyodbc.connect('driver={mysql odbc 5.1 driver};server=127.0.0.1;port=3306;database=information_schema;user=root; password=1234;option=3;') cursor = cnxn.cursor() cursor.execute("use collegedatabase ;") cursor.execute("select * sampledata ; ") cnxn.commit() s=[] j=[] x=[] words = [] w = [] sfq = [] pos=[] entry in cursor: s.append(entry.injury_type),j.append(entry.injury_desc) nltk.tokenize import punktwordtokenizer nltk.corpus import stopwords tokenizer = punktwordtokenizer() english_stops = set(stopwords.words('english')) in range(0,26): # filter stop words tokenizer.tokenize(j[i]) w.append([word word in tokenizer.tokenize(j[i]) if word not in english_stops]) in range(0 , 26):#converting tokenzied text ito string sfq.append(" ".join(w[a])) replacers import regexpreplacer replacer = regexpreplacer() in range (0,26):#pos tagging replacer.repl
Read more