html - css positioning tables next to each other -


using html/css below have 3 tables. table 1 , 2 next each other on "same line" table 3 underneath break between them.

however, when use float:left/right on first 2 tables, table 3 directly underneath , "touching" tables1/2?

i have tried margin/clear/float , can't seem make things line :(

any gratefully received.

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head>     <title>untitled page</title>     <style type="text/css">         div.search         {             width: 80%;             margin-right: auto;             margin-left: auto;         }          div.search table         {             border: 1px solid black;             border-collapse: separate;         }          div.search table.table1         {             float: left;             width: 45%;         }          div.search table.table2         {             float: right;             width: 45%;         }          table.table3         {             border: 1px solid black;             margin-top: 50px;             margin-right: auto;             margin-left: auto;             width: 80%;         }     </style> </head> <body>     <div class="search">         <table class="table1">             <tr>                 <td>                     table 1                 </td>             </tr>         </table>         <table class="table2">             <tr>                 <td>                     table 2                 </td>             </tr>         </table>     </div>     <table class="table3">         <tr>             <td>                 table 3             </td>         </tr>     </table> </body> </html>

you should apply additional styles:

div.search {     width: 80%;     margin-right: auto;     margin-left: auto;      overflow: hidden; /* fixing problem in modern browsers */     zoom: 1; /* fixing in old ie applying haslayout */     padding-bottom: 50px; /* prefer padding here margin in table3 */ }  table.table3 {     border: 1px solid black;     /* margin-top: 50px; */     margin-right: auto;     margin-left: auto;     width: 80%; }

you can try use :after (in answer below), old ie doesn't support it.


Comments

Post a Comment

Popular posts from this blog

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

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

url - Querystring manipulation of email Address in PHP -

i using third party application (email2http) send me emailid, body , message. unable retrieve email id due name appended on , enclosed < , >. here querystring getting. test.php?from=ajay+reddy &subject=cx&body=somebody when print variable in php returns name , not email id. $from = $_get['from']; echo $from; //output ajay reddy please suggest me how can emailid also. i dont want use post method due testing , debugging. it's working fine. forgot use htmlentities() in debugging.
Read more