css3 - CSS on Site Navigation breaking across browsers (Updated) -

-

stackoverflow,

i've been trying troubleshoot navigation on website. (sequoiawaste.com) problem arises iphones , internet explorer 7. i've used display:table-cell; css property keep tabs in single line. however, there seems 2 issues:

1) on mobile devices (iphones in particular, not ipads), row extends past blue background, , awkwardly hides search function of page.

2) on ie 7, disregards display:table-cell; , orients links vertically, similar table-row create.

to knowledge, there handful of properties defining #globalnavin enhanced.css file cause issue.

something i've noticed display values vary depending on state - table, table-cell, block. changing of them (or of them same display) has made problem worse.

does have pointers on here? dont think exceedingly difficult problem, i'm hitting wall here.

thanks help, charlie

** update **

i started using float:left, has been double edged sword - looks better, similar formatting i've had set each anchor specific width. now, when click on search bar, not dynamically resize anchors.

hrmm. tips?

try float: left instead - has better cross-browser support. you'll need set widths of each item, , maybe few other properties make again.

edit: yes, using float: left cause navigation elements stop resizing individually. may difficult without using browser's table layout algorithms. there several other approaches try:

  • when animate search bar width, animate width of navigation items @ same time (but may slow)
  • actually use table (this isn't great separation of markup , presentation, css limited)
  • use conditional comments "trick" ie rendering table (see https://stackoverflow.com/a/4193681/106302) details (but doesn't address issues mobile devices)

depending on approach choose, still need provide special rules mobile devices. effect, may more practical go different design.


Comments

Post a Comment

Popular posts from this blog

django - How can I change user group without delete record -

-
on website user have 1 group. , user can change group. it's made user.groups.clear() and user.groups.add(new_group) but it's not efficient, because there 2 sql query: delete, insert. how can change group update query? user , group related each other using manytomanyfield . means intersection table exists relating both entities, , if don't specify model map (using through attribute) django creates 1 you. looking @ sources django.contrib.auth.models see that's case. fortunatly, can access intermediary model using through attribute of manager (in case, user.groups.through ). can use regular model. example: >>> alice = user.objects.create_user('alice', 'alice@example.com', 'alicepw') >>> employee = group.objects.create(name='employee') >>> manager = group.objects.create(name='manager') >>> alice.groups.add(employee) >>> alice.groups.all() [<group: employee...
Read more

java - Need to add SOAP security token -

-
i need set custom soap header attribute on jax-ws generated webservice client. case webservice calls must go through proxy server requiring specific token (recieved web request header) present in soap request header. e.g.: 1 carserviceservice service = null; 2 service = new carserviceservice(new url(url), new qname(qname); 3 carserviceendpoint port = service.getcarserviceport(); it seems in line 3 wsdl retrieved , call fails due missing security token. 1 point direction on how done? a detailed example has been mentioned here: creating , deploying jax-ws web service on tomcat 6 this article shows how create , use security token .
Read more

java - EclipseLink JPA Object is not a known entity type -

-
i have strange problem eclipselink , object want persist. have 1 object (keypointlistimpl) stores object keypointimpl in list. persisting keypointimpl objects works great if try persist keypointlistimpl object java.lang.illegalargumentexception says object keypointimpl isn't known entity type. here keypointimpl code: @entity @table(name="keypoints") public class keypointimpl implements keypoint { @id @generatedvalue(strategy = generationtype.identity) private int id; @enumerated(enumtype.string) private detectortype keypointtype; private float x; private float y; private float size; private float angle; private float response; private int octave; private int classid; ... } here keypointlistimpl code: @entity @table(name="keypointlists") public class keypointlistimpl implements keypointlist { @id @generatedvalue(strategy = generationtype.identity) private int id; @onetoone(cascade={ca...
Read more