html - Expanding DIV based on contents -

-

i have few divs nested within each other display content. 2 inner divs should expand equally in height based on text displayed inside of them text keeps going without div.

from reading other user's questions, recommended use overflow: auto; resulted in scrollbars, want height of divs grow if needed. container div has fixed height have tried changing min-height instead, causes taller actual contents inside believe caused them have 100% height.

how can fixed?

enter image description here

.item {     width: 100%;     height: 200px;     background-color: #5ea8de;     margin-top: 10px;     border: 2px solid red; } .trigger {     width: 20%;     height: 100%;     background-color: #5ea8de;     float: left;     padding-left: 15px;     border: 2px solid green; } .task {     width: 78%;     height: 90%;     margin-top: 7px;     background-color: #1c3c5b;     float: left;     /*border: 1px solid;*/     border: 2px solid blue; }

html:

        foreach ($tasks $task)         {             echo "<div class='item'>";              $id = $task->id;             $type = $task->type;             $desc = $task->description;             $emits = $task->emits;             $events = $task->tasks;              echo "<div class='trigger'>                     <div class='remove'><a href=''><img src='images/remove.png'></a></div>                     <h4>trigger: </h4></br>                     $desc                     <p>                     <h4>emits: </h4>";                  foreach ($emits $emit)                 {                     echo $emit . "</br>";                 }                  echo "</div>";                 echo "<div class='task'>";                      foreach($events $event)                     {                         $event_id = $event->id;                         $event_method = $event->taskmethodname;                         $event_params = $event->parametermapping;                         $event_oneshot = $event->isoneshot;                         $event_enabled = $event->enabled;                          // use method id , retrieve description display (make helper method this???)                         foreach ($methods $method)                         {                             if ($method->id == $event_method)                             {                                 echo "<div class='remove'><a href=''><img src='images/remove.png'></a></div>";                                 echo "<h4>method: " . $method->description . "</h4>";                             }                         }                          // loop through individual parameters , display both key/value                         foreach ($event_params $key => $value)                         {                             echo "<label>" . $key . " | " . $value . "</label></br>";                         }                          echo "<hr>";                     }                  echo "</div>"; //task              echo "</div>"; //trigger         }

you can using display: table here example

http://jsfiddle.net/ulbevpaj/

.item {     width: 100%;     background-color: #5ea8de;     margin-top: 10px;     border: 2px solid red;     display: table; } .trigger {     width: 20%;     height: 100%;     background-color: #5ea8de;     vertical-align: top;     padding-left: 15px;     border: 2px solid green;     display: table-cell; } .task {     width: 78%;     vertical-align: top;     margin-top: 7px;     background-color: #1c3c5b;     display: table-cell;     /*border: 1px solid;*/     border: 2px solid blue; }

Comments

Post a Comment

Popular posts from this blog

c++ - No viable overloaded operator for references a map -

-
i trying use map can make tag names reference number. when try , use it, in code error (6 in total every time reference map): src/main.cpp:25:45: error: no viable overloaded operator[] type 'std::map<std::string, std::string>' const char* idcs = node.child_value(tagmap[3]); this code: #include "pugi/pugixml.hpp" #include <iostream> #include <string> #include <map> int main() { pugi::xml_document doca, docb; std::map<std::string, pugi::xml_node> mapa, mapb; std::map<std::string, std::string> tagmap {{"1", "data"}, {"2", "entry"}, {"3", "id"}, {"4", "content"}}; if (!doca.load_file("a.xml") || !docb.load_file("b.xml")) { std::cout << "can't find input files"; return 1; } (auto& node: doca.child(tagmap[1]).children(tagmap[2])) { co
Read more

java - Custom OutputStreamAppender not run: LOGBACK: No context given for <MYAPPENDER> -

-
i wish write custom appender on basis of outputstreamappender . wrote following class package tests; import java.io.ioexception; import java.io.outputstream; import ch.qos.logback.core.outputstreamappender; public class myappender<e> extends outputstreamappender<e> { public myappender() { system.out.println("myappender created"); setoutputstream(new outputstream() { @override public void write(int b) throws ioexception { throw new unsupportedoperationexception(); } }); } } then wrote following runner: package tests; import org.slf4j.loggerfactory; import ch.qos.logback.classic.logger; public class runner { private static final logger log = (logger) loggerfactory.getlogger(runner.class); public static void main(string[] args) { //log.addappender(new myappender<iloggingevent>()); log.info("hello world"); } } finall
Read more

java - Cannot secure connection using TLS -

-
i'm trying establish secure socket connection between java client applet (built jdk 1.7.0_75-b13) , vc++ server application. as test vehicle, used vc++ client/server sample found in msdn forums, modified use schannel , able establish socket using cipher suite tls_rsa_with_aes_128_cbc_sha. works of tls 1.0/1.1/1.2. when try opening socket java applet same server application, connection rejected server reporting following: tls 1.0 acceptsecuritycontext failed: 0x80090327 tls 1.1 acceptsecuritycontext failed: 0x80090331 tls 1.2 acceptsecuritycontext failed: 0x80090331 this java code used create socket: debugprint("setting secure connection"); sslsocketfactory sslsocketfactory = (sslsocketfactory) sslsocketfactory.getdefault(); sslsocket sslsocket = (sslsocket) sslsocketfactory.createsocket("127.0.0.1", socketnumber); debugprint("starting handshake"); sslsocket.settcpnodelay(true); sslsocket.setsolinger(false, 0); sslsocket.s
Read more