css - Floating big elements next to each other? -

-

just quick question regarding css positioning. have several "segments" on site 100% wide (fills screen), , want them floated next each other. first 1 visible, other ones off-screen. i've tried playing around positions , overflow property without luck. right pop down below each other instead of floating.

this work if elements did not exceed screen width, do, pop down said earlier. i've tried setting huge width "wrapper", 99999px. , setting segments 100%, fill whole 99999px width instead of screen.

any ideas?

jsfiddle example: http://jsfiddle.net/9xgpb/

do mean this?

example fiddle: here

i used favourite alternative floats, inline-blocks

if take out of fiddle has pretty (gaudy?) colours show allows min-width: 900px; on centered_content div work too, , removed absolute positioning menu content go below it, demo may find useful..

let me know if or if have questions

updated jquery , make corrections default word-spacing

new example: here

re: ie6/7 hack rightly mentioned in comments;

.segment {     display: inline-block;     overflow: hidden;     width: 0; } .segment {display: inline !ie7;}

needn't "parse hack" if that's preference long second rule given [lte ie 7] somehow, , separately @ cannot combined original rule * hack or anything, won't work.. has in separate ruleset.

i discovered word-spacing might problem if relying on width hide, natural behaviour of inline blocks put 3-4px between elements space in between words, workaround correct word-spacing on wrapper

.segment-wrapper {    white-space: nowrap;    word-spacing: -4px; }

then restore normal actual content divs, same place restore normal wrapping behaviour

.centered_content {     width: 900px;     margin: 0px auto;     background: #fcf;     white-space: normal;     word-spacing: 0; }

and last, apart fun.. there's 2 effects in new fiddle - uncomment , comment other.. forgive me playing! :)


Comments

Post a Comment

Popular posts from this blog

php - What is the difference between $_SERVER['PATH_INFO'] and $_SERVER['ORIG_PATH_INFO']? -

-
what’s difference between $_server['path_info'] , $_server['orig_path_info'] ? how use them? when run print_r($_server) , path_info , orig_path_info not present in array. why not? how can enable them? i have read php manual on them, still don’t understand them. the path_info variable present if invoke php script this: http://www.example.com/phpinfo.php/hello_there it's /hello_there part after .php script. if don't invoke url that, there won't $_server["path_info"] environment variable. the porig_ prefix uncommon. path_info standard cgi-environment variable, , should never prefixed. did read that? (there issues around php3/php4 if invoked php interpreter via cgi-bin/ - hardly has such setups today.) for reference: http://www.ietf.org/rfc/rfc3875
Read more

fortran - Function return type mismatch -

-
i'm attempting recode old c++ program in fortran make use of lapack (i'm aware c++ have lapack++, i'm having lot of trouble installing it, gave up). i didn't have problems compilation, when had variables declared real . when started coding section of program required lapack, found parameters passed dsyev need double precision . tried change double precision (including changing hard coded numbers double precision counterparts, i.e. 0.0 -> 0.0d0) when try compile, following error of functions , subroutines i've written: error: return type mismatch of function <function> @ (1) (real(4)/real(8)) i'm not sure coming from, in program has been changed double precision. for example, i've declared following: double precision :: alpha(3),d(3),zeta1,zeta2 double precision :: a1(3),a2(3),d1(3),d2(3) double precision :: pi pi = 3.14159265359d0 alpha = (/0.109818d0, 0.405771d0, 2.22766d0/) d = (/0.444635d0, 0.535328d0, 0.154329d0 /) 10 i=1,3 ...
Read more

queue - mq_receive: message too long -

-
i implementing communication between 2 processes using queue. problem when call function mq_receive, error: message long. i have done following: struct mq_attr attr; long size = attr.mq_msgsize; .... // initializing queue "/gateway" int rc = mq_receive(gateway, buffer, size, &prio); if print size value, size=1, while when print same size program (got same mechanism), not long integer ( -1217186280 )... how can solve error?....so while size = 1, believe it's right "message long" why 1? p.s. have tried put : int rc = mq_receive(gateway, buffer, sizeof(buffer), &prio); but no result. it seems need read docs more carefully. when call mq_receive should pass size of destination buffer. this size must greater mq_msgsize attribute of queue . in addition, seems have error in queue attributes initialisation makes proper mq_receive call impossible. here standard message queue session: fill mq_attr struct ( doc ): struct mq_a...
Read more