html - Wrapper re-size -


i have wrapper surrounding header content inside container content inside. wrapper on there keep positioned each other accordingly within confines set, center everything. have container automatically re-size according content goes inside of it, works without issue. however, wrapper around header , container won't follow same rule , ends taking height of 1px seems. please note: code below show wrapper outlined dashed white border @ top, should instead wrap around contains.

here's code website on jsfiddle.

any appreciated. feel though closed of floats, don't see why height: auto; on wrapper won't work, maybe there's i'm missing.

height: auto on #wrapper isn't working because virtually every element inside has position: absolute.

what position: absolute do? http://www.w3.org/tr/css21/visuren.html#absolute-positioning

in absolute positioning model, box explicitly offset respect containing block. it removed normal flow entirely (it has no impact on later siblings). absolutely positioned box establishes new containing block normal flow children , absolutely (but not fixed) positioned descendants. however, contents of absolutely positioned element not flow around other boxes.

the choices fix problem:

  • give #wrapper explicit height - won't work if don't know height beforehand.
  • as @jeroen said: use javascript set height of #wrapper.
  • what should really redo css:
    position: absolute is not how should position every element on page. should use floats instead.

for comparison of using position: absolute vs floats, see:

http://www.htmldog.com/guides/cssadvanced/layout/


Comments

Post a Comment

Popular posts from this blog

c++ - Is it possible to compile a VST on linux? -

for class project i'm attempting write vst plugin backed cuda. current cuda workflow on linux box, i'd prefer compile , link there. according wikipedia , should possible (i couldn't find steinberg documentation relevant linux) can't find makefile or instructions on how build if aren't using xcode or visual studio. i'm vst 3 sdk doesn't support linux. when try compile plugin under linux, error: ./base/source/fatomic.cpp:39:30: fatal error: libkern/osatomic.h: no such file or directory this issue caused following code in "vst3 sdk/base/source/fatomic.cpp" #if mac #include <libkern/osatomic.h> #if mac_os_x_version_min_required > mac_os_x_version_10_4 #define native_atomic_type (volatile int32_t*) #else #define native_atomic_type (int32_t*) #endif #elif windows #include <windows.h> #endif but hope compiling under linux work vst sdk 2.4. reading. jvstwrapper seems run on lin...
Read more

c# - SharpSVN - How to get the previous revision? -

i trying find efficient way previous revision of file text comparison using sharpsvn. using (svnclient c = new svnclient()) { c.authentication.defaultcredentials = new networkcredential( configurationmanager.appsettings.get("svnserviceusername") , configurationmanager.appsettings.get("svnservicepassword") , configurationmanager.appsettings.get("svnservicedomain") ); c.authentication.sslservertrusthandlers += new eventhandler<svnsslservertrusteventargs>(authentication_sslservertrusthandlers); collection<svnfileversioneventargs> fileversioncollection = new collection<svnfileversioneventargs>(); svnrevisionrange range = new svnrevisionrange(0, this.hooks.revision); svnfileversionsargs args = new svnfileversionsargs(); args.retrieveproperties = true; args.range = range; foreach (svnchangeitem item in log.changedpaths) { string path = this.repositorypath + it...
Read more

php cli reading files and how to fix it? -

while using php cli in ubuntu got apache web server cant read file can while using in browser. , error shows nothing , next used code testing purposes : <? $handle = fopen("testfile.txt", "r"); if ($handle) { while (($buffer = fgets($handle, 4096)) !== false) { echo $buffer; } if (!feof($handle)) { echo "error: unexpected fgets() fail\n"; } if(!is_readable($handle) { die("not readable"); } fclose($handle); } ?> how fix ? edit : after removing '@' before fopen got following error fopen(testfile.txt): failed open stream: no such file or directory in /var/www/log/ka.php on line 2 when run script through cli, uses shell's working directory, in opposition file's directory (which apache hands current directory). important you, since fopen call depends on relative path; , relative paths resolved relatively working directory, not script. to have script behave apache, eit...
Read more