html5 - 3 column fixed width layout, fixed sides and header, scrollable center content..? -


i'm having problems layout design should easy. have working except menu (left sidebar) css transitions messed way i'm doing it.

i want 3 column fixed layout header , footer, whole content centered. left , right divs both 220px wide, 100% high , not scrollable (so menu there). middle content div 830px wide , scrollable. monitor size beyond 1270px add space left , right body.

currently, i'm doing positioning content follows:

header{ position:fixed; left:50%; margin-left:-(width/2)px; }  left{ position:fixed; left:50%; margin-left:-635px; <--(center width/2) - left width) }  center{ position:relative; left:50%; margin-left:-415; <--center width/2 }  right{ position:fixed; left:50%; margin-left:415px; }

again, works except causes css transitions hang in chrome. problem left/margin left method setting content, because if set left using left:50px; well.

i've tried float:left everything, causes whole page scroll don't want. clue how stick left bar left of center div way?


Comments

Post a Comment

Popular posts from this blog

Java sticky instances of class com.mysql.jdbc.Field aggregating -

i noticed (via jmap+jhat) app leaking storing many instances com.mysql.jdbc.field  class - double checked code make sure closing preparedstatements, find few missing didn't change outcome. - preparedstatement created , closed right away - several others created @ start , reused many times - using org.apache.tomcat.jdbc.pool.datasource connection pool what can cause type of behavior? are closing of preparedstatements / result sets using: preparedstatement stmt (possible assignment here); try { // work prepared statement resultset rs; try { while (rs.next()) ... // process results } { rs.close(); } } { stmt.close(); } so guarantee result sets closed when finished (regardless of exceptions) , statements closed (regardless of exceptions)? there other ways write that, idea same. if you're doing of properly, unless have many references it's taking inordinate amount of memory, it's ok , nothing needs done it.
Read more