html - Select element not working inside nested divs -

-

my html is

<div id="div1">     <div id="div2"></div>         <div id="div3">         <div id="div4">             <select><several options></select>         </div>                     </div>     </div> </div>

the divs nested , select element won't work. using css in external file, wanted ask if html layout, itself, cause problems. understanding ie6/7 can cause z-index issues, using chrome.

if wants take time review css happily post it, wanted first see if answerable on own.

edit

here css. note, div#2 semi-transparent background. other divs supposed positioned on top of it.

#div1{ width:100%; height:8em; position:relative; margin-top:3em; margin-bottom:3em; border-style:solid; border-width:thin; border-color:black; border-radius:4px; z-index:10;  #div2{ width:80%; height:100%; position:absolute; margin-top:5%; left:0%; background-image:url(images/calendar_original.png); background-position:center; background-repeat:no-repeat; background-size:contain; opacity:0.2; z-index:1; }  #div3{ width:100%; heigh:40%; overflow:hidden; margin-top:1em; padding-left:1.5%; z-index:13; }  #div4{ height:4em; width:44%; float:left; font-family:verdana, helvetica,arial,sans-serif; font-size:medium; font-weight:bold; border-style:solid; border-width:thin; border-color:black; overflow:hidden; z-index:14;}  select{ height:1em; color:black; font-family:helvetica,arial,sans-serif; font-size:large; font-weight:bold; width:150%; padding-left:0.5em; z-index:15;}

please, post html. often, happens me, don't see small things , 1 character missing or @ wrong place can lead errors.

so, first html code has 1 </div> (closed div) much, if of code. probably, don't want after <div id="div2">?

furthermore, ? if select not work (in browsers) may be, maybe " (quote) or / (slash) or sth small missing or e.g. wrote instead of etc. (believe me, had experts found wrote maibox instead of mailbox etc.)

depending on mean with: "is not working" (that never great description of error). not work? don't see select or cannot open it? or options not (completely) shown?

i don't think connected css or nested div issue, rather code within select/option tags have not posted.

furthermore, side note: if use chrome, still many users use different browsers, suppose want code clean , working right in of them, right? ;)

edit: 1 thing, can cause troubles select assign width of divs % values. should know how works: each element assumes 100% width of element located in. so, div4 has 44% width of div3, , select has 150% of 44% of 100% of 80% of 100%. however, 150% magic number, depending on overflow, select can cut @ 100% , right 50% possibly not shown.

in addition, if use png background image, need opacity on div2?


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