css - How to set div to fill in remaining place taken by the dynamically sized element -


I have this code: 

  & lt; Div id = "body" style = "height: 295 px, width: 427px; condition: full; top: 261px; left: 284px;" & gt; & Lt; Div id = "header" & gt; Some dynamic text & lt; Br / & gt; Some dynamic text & lt; Br / & gt; & Lt; / Div & gt; & Lt; Div id = "content" & gt; & Lt; Textarea id = "text" style = "width: 100%" & gt; & Lt; / Text field & gt; & Lt; Input type = "file" style = "width: 100%" & gt; & Lt; / Div & gt; & Lt; Div & gt; & Lt; / Div & gt;

I want to set the content div to fill the rest of my parents. The text is created on the server side and it changes the height of the header.

The output should look like this: The file should be at the bottom of the input content to fill the rest of the content together. The material fills the balance itself, which is influenced by the speed dynamic text.

I am only interested in CSS solutions because it is easy to do with JS. Apart from this, only the width and height of the body can be hardcodes.

Edit: Some explanation:

  1. Body is fixed size

  2. Header is dynamic shape, anyone It can also be of height. If its height> # body.height, the rest will be deducted and #content height will be 0. If possible, #Headers # may be limited to the rest of Beed, the rest crop or scroll.

  3. Content does not require any special explanation, it contains fixed file input and mobility height textarea

Thx.

Here is a test page showing html in question:

ive has the freedom to add colorful boundaries to see what's happening.

Edit: Now there is a solution in the link above it looks a bit strange in Firefox, look sick if I can fix it

Edit 2: The final solution can be seen in the above link (tell me if I forget my imagination) 

  #text, # Content {height: 86%; }

Comments

Post a Comment

Popular posts from this blog

python - Overriding the save method in Django ModelForm -

I'm having trouble overriding a ModelForm save method. I get this error I'm: Exception type: TypeErier Exception Value: Save () found an unexpected keyword argument 'committed' My intentions include a form 3 fields Submit several values ​​for, then create an object for each combination of those areas, and to save each object file models.py class collarsult type (models.Model): id = model. AutoField (db_column = 'icontact_result_code_type_id', primary_key = true) callResult = models.ForeignKey ( 'CallResult', db_column = 'icontact_result_code_id') campaign = models.ForeignKey ( 'campaign', db_column = 'icampaign_id') CALLTYPE = models.ForeignKey ( 'CALLTYPE', db_column = 'icall_type_id') agent = models.BooleanField (db_column = 'bagent', default = true) teamLeader = models.BooleanField (db_column = 'bTeamLeader', default = true) active = models.BooleanField (db_column = Django.form...
Read more

html - CSS autoheight, but fit content to height of div -

I have a div in which there are three children- div in the left and middle div: float: left while true: float: true because it is my layout Actually will spoil, I've used ClearFix Hack: .cf {zoom: 1; }. Cf: First,. Cf: {content: ""; Display: Table; }. Cf: After {clear: both; } It still works, but I want to be the right div an indicator. So it should fill 100% of the parent unit of height. How can I complete this? PS is the full code: & Lt; / Div & gt; & Lt; Div class = "mobile_content" & gt; & Lt; H5 & gt; {{Data.titel}} & lt; / H5> & Lt; Table & gt; & Lt; TR & gt; & Lt; Th & gt; Komponist: & lt; / Th & gt; & Lt; TD & gt; {{Data.komponist}} & lt; / TD & gt; & Lt; / TR & gt; & Lt; TR & gt; & Lt; Th & gt; Instrument: & lt; / Th & gt; & Lt; TD & gt; {{Data.instrumente}} & lt; / TD & gt; & Lt; / TR & gt;...
Read more

qt - How to prevent QAudioInput from automatically boosting the master volume to 100%? -

I have been trying to use Qt5 multimedia to record audio with QAudioInput, however, when I see If QAudioInput is started, it increases the master volume of my sound device to 100%. How can I prevent QAudioInput from changing the master volume? My current development platform is Linux with PalsAdio (with flat audio disabled). How can I use QAudioInput : QAudioDeviceInfo device_info = QAudioDeviceInfo :: defaultInputDevice (); QAudio format format; Format.setSampleRate (44100); Format.setChannelCount (1); Format.setSampleSize (16); Format.setCodec ("Audio / PCM"); Format.setSampleType (QAudioFormat :: SignedInt); Format.setByteOrder (QAudioFormat :: LittleEndian); Std :: cout & lt; & Lt; Device_info.deviceName (). ToUtf8 (). ConstData () & lt; & Lt; Std :: endl; QAudioInput * default_device = new QAudioInput (device_info, format); QIODevice * default_io_device = default_device-> Start (); a QAudioInput.setVolume () method is not you I ...
Read more