FCLT#52167 Plaatje bij objectgegevens juist uitgelijnd

svn path=/Website/trunk/; revision=36919

APPL/INS/ins_show_deel.asp

@@ -325,9 +325,17 @@ oRs.Close();
       {
 %>      <div class="ins_deleted"><%=L("lcl_record_is_deleted")%></div><%
       }
+      var hasImage = false;
+      if (srtdeel_image)
+      {
+          var imageFile = S("ins_image_path") + srtdeel_image;
+          var fso = new ActiveXObject("Scripting.FileSystemObject");
+          if (fso.FileExists(Server.MapPath(imageFile)))
+              hasImage = true;
+      }
 %>
       <form name="u2">
-<%      BLOCK_START("insIns", L("lcl_general_properties")); %>
+<%      BLOCK_START((hasImage ? "insInsImg" : "insIns"), L("lcl_general_properties")); %>
         <tr>
           <td>
             <table>
@@ -352,20 +360,17 @@ oRs.Close();
             </table>
           </td>
         </tr>
-          <div class="insphotowrap" id="insIns">
-<%          if (srtdeel_image)
-            {
-              var imageFile = S("ins_image_path") + srtdeel_image;
-              var fso = new ActiveXObject("Scripting.FileSystemObject");
-              if (fso.FileExists(Server.MapPath(imageFile)))
-              { %>
-                <img id="insphoto" src="<%=safe.htmlattr(imageFile)%>">
-<%            }
+          <div class="insphotowrap" id="insInsImg">
+<%
+            if (hasImage)
+            { %>
+              <img id="insphoto" src="<%=safe.htmlattr(imageFile)%>">
+<%
             } %>
           </div>
 <%      BLOCK_END();
 
-        BLOCK_START("insGeo", L("lcl_ins_meta_data"));
+        BLOCK_START((hasImage ? "insGeoImg" : "insGeo"), L("lcl_ins_meta_data"));
         ROFIELDTR("flddatetime", L("lcl_last_action"), toDateTimeString(aanmaak));
 
         // Link naar de state_history

APPL/Shared/default.csx

@@ -2339,6 +2339,7 @@ div#statusboxes {
     #finInvPartInfo,
     #insFlex,
     #insIns,
+    #insInsImg,
     #jobJob,
     #kpnMan,
     #menuStd,
@@ -2374,6 +2375,7 @@ div#statusboxes {
     #finRefInfo,
     #finFlex,
     #insGeo,
+    #insGeoImg,
     #menuCust,
     #mldFlex,
     #mldInfo,
@@ -2517,6 +2519,20 @@ div#statusboxes {
     }
 }
 
+@media all and (min-width: 63em) {
+    #insInsImg
+    {
+        clear: left;
+        float: left;
+        width: 49%;
+    }
+    #insGeoImg
+    {
+        clear: right;
+        float: right;
+        width: 49%;
+    }
+}
 
 #algFlex2,
 #besFlex2,