Closed Bug 404030 Opened 12 years ago Closed 12 years ago

'vertical-align' doesn't work on 'display: inline-table' (Orkut buttons split/misaligned)

Categories

(Core :: Layout, defect, P1, major)

defect

Tracking

()

RESOLVED FIXED

People

(Reporter: qrcyen, Assigned: dbaron)

References

()

Details

(Keywords: regression)

Attachments

(4 files)

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9b1) Gecko/2007110703 Firefox/3.0b1
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9b1) Gecko/2007110703 Firefox/3.0b1

If u have a google account , u can run the orkut.
I am using the firefox 2.0 , it is runing.
But the firefox 3.0 have the problem with Orkut
more the More them 1.000.000 users could not upgrade the firefox 2.0 because this problem.
Who is the problem ? Mozilla or Google ?!

Reproducible: Always

Steps to Reproduce:
1.www.orkut.com (using a google account like Gmail)
2.use this link (http://www.orkut.com/Scrapbook.aspx )to scrap to access with firefox 2.0  and 3.0
3.Compare the bottons

Actual Results:  
You will see that tha site dont run fine on firefox 3.0

Expected Results:  
Run finely

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>orkut - Minha página de recados</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="SHORTCUT ICON" href="/favicon.ico" type="image/x-icon">
  <link href="http://img1.orkut.com/base003.css" rel="stylesheet" type="text/css">
  <link href="http://img4.orkut.com/castroskin002.css" rel="stylesheet" type="text/css">
<script type="text/javascript"><!--
  var JSHDF = new Array(); 
    JSHDF["Scraps.Labels.linkInterstitialWarning"] = 'Tem certeza de que deseja visitar este site?';
    JSHDF["Scraps.Labels.linkInterstitialContinue"] = 'continuar';
    JSHDF["Scraps.Labels.linkInterstitialCancel"] = 'cancelar';
   
  document.cookie = "TZ=" + (new Date()).getTimezoneOffset();
--></script>
  <script src="http://img4.orkut.com/js/gen/common007.js" type="text/javascript"></script>

  <script type="text/javascript" src="http://img2.orkut.com/js/gen/scraps006.js"></script>
  <script type="text/javascript" src="http://www.google.com/ig/ig.js"></script>
  <script type="text/javascript" src="http://www.google.com/ig/ifpc.js"></script>
  <script type="text/javascript"><!--
    var iframeArr = new Array();
    function iframeObj (src, height, width, type) {
      this.src = src;
      this.height = height;
      this.width = width;
      this.type = type;
    }

    function populateIframeObj(id, src, height, width, type) {
      iframeArr[id] = new iframeObj(src, height, width, type);
    }

    
    
    
      
    
    var maxGadgetHeight = 0;
    function ifpc_resizeIframe(iframe_id, height) {
      var el = document.getElementById(iframe_id);
      if (height > maxGadgetHeight) {
  height = maxGadgetHeight;
  }
  if (el) {
  el.style.height = height + "px";
  }
  }
  _IFPC.registerService('resize_iframe', ifpc_resizeIframe);
  var iframeIdToAppId = {};
  function ifpc_navigateToCanvasPage(iframe_id, paramString) {
  var appId = Number(iframeIdToAppId[iframe_id + "_appId"]);
  var baseCanvasPageUrl = "/Application.aspx?appId=" + appId + "&uid=ID";
  if (paramString.charAt(0) != '&') {
  paramString = '&' + paramString;
  }
  var canvasPageUrl = baseCanvasPageUrl + paramString;
  location.href = canvasPageUrl;
  }
  _IFPC.registerService('requestNavigateToCanvasPage', ifpc_navigateToCanvasPage);
  function _ig_gmid_(iframe_id) {
  return (iframe_id.split("_")[2]);
  }
  function ifpc_setPref(iframe_id, var_args) {
  var module_id = _ig_gmid_(iframe_id);
  var prefs = new _IG_Prefs(module_id);
  var keyValues = new Array();
  for (var n = 1; n < arguments.length; n += 2) {
        keyValues.push(arguments[n], arguments[n + 1]);
      }
      
      // prefs.set.apply(prefs, keyValues);
    }
    _IFPC.registerService('set_pref', ifpc_setPref);

    

    
    var openEditHtmlId = -1;

    function getIgEditHtmlDiv(mid) {
      var igDivId = 'ig_edit_div' + mid;
      return document.getElementById(igDivId);
    }
    function getOrkutEditHtmlDiv(mid) {
      var orkutDivId = 'orkutEditHtml' + mid;
      return document.getElementById(orkutDivId);
    }
    function getEditIcon(mid) {
      var spanId = 'editIcon' + mid;
      return document.getElementById(spanId);
    }

    function getCumulativeOffset(obj, attribute) {
      var total = 0;
      while (obj) {
        total += obj[attribute];
        obj = obj.offsetParent;
      }
      return total;
    }

    function openEditHtmlForm(mid) {
      if (mid == openEditHtmlId) {
        closeEditHtmlForm(mid);
        return;
      }
      if (openEditHtmlId != -1) {
        closeEditHtmlForm(openEditHtmlId);
      }
      var igDiv = getIgEditHtmlDiv(mid);
      var orkutDiv = getOrkutEditHtmlDiv(mid);

      // first position the div
      var icon = getEditIcon(mid);
      var offsetTop = getCumulativeOffset(icon, 'offsetTop');
      orkutDiv.style.top = offsetTop + icon.offsetHeight;
      var offsetLeft = getCumulativeOffset(icon, 'offsetLeft');
      orkutDiv.style.right = document.body.offsetWidth - offsetLeft - icon.offsetWidth;

      // style it
      
      orkutDiv.style.backgroundColor = 'white';
      orkutDiv.style.border = '1px solid black';

      // then show it
      igDiv.style.display = 'block';
      orkutDiv.style.display = 'block';

      // track what's open
      openEditHtmlId = mid;
    }

    function closeEditHtmlForm(mid) {
      var igDiv = getIgEditHtmlDiv(mid);
      igDiv.style.display = 'none';
      var orkutDiv = getOrkutEditHtmlDiv(mid);
      orkutDiv.style.display = 'none';
      openEditHtmlId = -1;
    }

  //--></script>
<script type="text/javascript"><!--

  function getIframe(parent) {
    var ifr = document.getElementById("scrap_extn_iframe");
    if (!ifr) {
      ifr = document.createElement('iframe');
      ifr.setAttribute('id','scrap_extn_iframe');
      ifr.setAttribute('name','scrap_extn_iframe');
      ifr.setAttribute('src','');
      parent.appendChild(ifr);
    }
    return ifr;
  }

  function getScrapExtension(gadgetId_num) {
    var parent = document.getElementById("iframe_parent");
    var d = getIframe(parent);
    // display the pop up
    _openFloat("iframe_parent");
    // set the iframe properties
    parent.style.width = iframeArr[gadgetId_num].width + "px";
    d.style.width = parent.style.width;
    parent.style.height = iframeArr[gadgetId_num].height + "px";
    d.style.height = parent.style.height;
    d.src = _unescapeHtml(iframeArr[gadgetId_num].src);
    d.style.display = "block";
    d.style.zIndex = "10";
    d.style.border = "none";
    d.style.filter = "";
    d.scrolling = "no";
  }

  function ifpc_returnRawHtmlString(html_string) {
    var scrapText = document.getElementById('scrapText');
    scrapText.focus();
    setText = function() {
      scrapText.value = html_string;
    };
    setTimeout(setText, 10);
    var scrap_extn = document.getElementById('scrap_extension');
    scrap_extn.selectedIndex = 0;
    var parent = document.getElementById('iframe_parent');
    var child = document.getElementById("scrap_extn_iframe");
    parent.removeChild(child);
    _closeFloat("iframe_parent");
  }
  _IFPC.registerService('return_raw_html_string', ifpc_returnRawHtmlString);

//--></script>
  <style type="text/css"><!--
    #iframe_parent {
      margin-left: -20px;
      margin-top: 40px;
      width: 1000px;
      height: 1000px;
      border: none;
    }
  //--></style>

  <script type="text/javascript"><!--
    
    JSHDF["StatusMessages.maxCharacterCount"] = 'O seu recado tem mais que 1024 caracteres. Por favor, diminua o tamanho dele.';
    JSHDF["MAX_SCRAP_SIZE"] = '1024';

    
    function openFormattingTips() {
      var meta = window.open("/FormattingTips.aspx", "meta",
        "menubar=no,toolbar=no,status=no,scrollbars=yes,resizable=yes,width=550,height=560");
      meta.focus();
    }

    function changePageSize(value) {
       window.location = "/Scrapbook.aspx?uid=ID&na=&nst=&nid=&pageSize="+value;
    }

    
    

    

      
      function pictureSelected(evt) {
        if ('PHOTO_PICKED' == evt.type) {
          var imgsrc = evt.imageUrl;
          var scrapInput = document.getElementById('scrapText');
          var scrapText = scrapInput.value;
          if (_isEmptyInput('scrapText')) {
            scrapText = imgsrc + '\n';
            scrapInput.focus();
          } else {
            scrapText += '\n' + imgsrc + '\n';
          }
          setTimeout(function() {
            scrapInput.value = scrapText;
            
              _preview();
            
          }, 50);
        }

        hostedPicker.showPicker(false);
        document.getElementById('scrapText').focus();
      }

      var hostedPicker = null;
      var dialog = null;
      var picasaUrl = 'http://photos.www.orkut.com:80/lh/photopicker';

      function handle_path_info(pathInfo) {
        loader.handleInfo(pathInfo);
      }

      function PickerLoader(initFn) {
        this.loaded_ = false;
        this.loading_ = false;
        window['PHOTO_PICKER_INIT_FUNCTION'] = initFn;
      }

      PickerLoader.prototype.handleInfo = function(pathInfo) {
        var scriptNode = document.createElement('script');
        scriptNode.src = pathInfo.scriptPath;
        PHOTOPICKER_STATIC_PATH = pathInfo.staticPath;
        this.loaded_ = true;
        this.loading_ = false;
        document.body.appendChild(scriptNode);
      };

      PickerLoader.prototype.loadPickerJs = function() {
        if (this.loaded_) {
          return true;
        }
        if (this.loading_) {
          return false;
        }
        var scriptNode = document.createElement('script');
        scriptNode.src = 'http://photos.www.orkut.com:80/lh/photopicker_info?callback=handle_path_info';
        this.loading_ = true;
        document.body.appendChild(scriptNode);
        return false;
      };

      function initHost() {
        var parent = document.getElementById('hosted');
        try {
          hostedPicker = createPicasaPicker({
                parent: parent,
                callback: pictureSelected,
                
                  cssoverride: 'http://img4.orkut.com/pwapicker001.css',
                
                streamId: 'orkut',
                hl: 'pt_BR',
                staticPath: PHOTOPICKER_STATIC_PATH + 'relay.html',
                imgmax: 400,
                thumbsize: 288,
                title: 'Selecionar uma foto',
                url: picasaUrl,
                uploadAlbumSelect: 1,
                defaultAlbumOnly: 0});
          if (!hostedPicker) {
            alert('Este recurso não está disponível no momento. Tente novamente mais tarde.');
          } else {
            hostedPicker.showPicker(true);
          }
        } catch (e) {
          alert('Este recurso não está disponível no momento. Tente novamente mais tarde.');
        }
      }

      var loader = new PickerLoader(initHost);

      function pickPhoto() {
	if (loader.loadPickerJs()) {
          if (!hostedPicker) {
            alert('Este recurso não está disponível no momento. Tente novamente mais tarde.');
          } else {
            hostedPicker.showPicker(true);
          }
        }
      }
    
  //--></script>
</head>
<body>
<div id="graylayer"></div>
  <div id="sharedFloatParent" class="floatdiv">
  <div id="sharedFloat" class="floatcontent">
  </div>
  <!--[if lte IE 6.5]><iframe></iframe><![endif]-->
  </div>
<div id="header">

  <div id="headerin">
  <div class="mainsearch">
  <script type="text/javascript"><!-- 
          submitSearch = function() {
            if (_isEmptyInput('q_header')) {
              document.location = '/UniversalSearch.aspx';
            } else {
              document.forms['h_search'].submit();
            }
          };          
        //--></script>
  <form method="get" action="/UniversalSearch.aspx" id="h_search">
  <input type="hidden" name="origin" value="box">
  <input type="hidden" name="exp" value="1">
  <input id="q_header" name="q" type="text" prompt="pesquisa do orkut" value="">
  <a href="javascript:submitSearch();">

  <img src="http://img1.orkut.com/img/b.gif" alt="" height="23" width="24" align="top"></a>
  <script type="text/javascript"><!--
            _promptSetup('q_header');
          //--></script>
  </form>
  </div>
  <ul class="login">
  <li><span class="useremail"><b>MYEMAIL@gmail.com</b></span>&nbsp;|&nbsp;</li>
  <li><a href="http://www.orkut.com/GLogin.aspx?cmd=logout">Sair</a>&nbsp;</li>

  </ul>
  <ul class="menu">
  <li class="logobg">
  <a href="/Home.aspx"><img src="http://img1.orkut.com/img/b.gif" alt="" height="31" width="80" class="logo"></a>
  </li>
  <li><a href="/Home.aspx">Início</a>&nbsp;|&nbsp;</li>
  <li><a href="/Scrapbook.aspx">Página de recados</a>&nbsp;|&nbsp;</li>

  <li><a href="/Friends.aspx">Amigos</a>&nbsp;|&nbsp;</li>
  <li><a href="/Communities.aspx">Comunidades</a></li>
  </ul>
 </div>
</div>
<div id="headerbot"></div>
  <script language="javascript"><!--
    var URL = new Object();
    
      
        _GTalk._promoUrl = '/Status.aspx?msg=3&ret=%2FScrapbook.aspx';
      
    

    
      _GTalk._sessionUserGtalkIntegrated = 1;
    
  //--></script>
  <div id="gtalkObjHolder" style="position: absolute; bottom: 0px; right: 0px;"></div>

<div id="container">
<div id="statusMsg" style="display: none;">
  <table cellpadding="0" cellspacing="0" border="0" class="module" style="width: 100%"><tr><td class="topl">
</td><td class="topr" ></td></tr><tr><td class="boxmid" >
  <div id="statusMsgBody" class="parain promobg">
  </div>
  <div class="listdivi"></div>
  <div class="parabtns">
  <span class="grabtn"><a href="javascript:void(0);" onclick="document.getElementById('statusMsg').style.display = 'none';; return false;" class="btn">ocultar</a></span><span class="btnboxr"><img src="http://img1.orkut.com/img/b.gif" alt="" height="1" width="5"></span>
  </div>

  </td><td class="boxmidr" ></td></tr>
  <tr><td class="botl"></td><td class="botr"></td></tr></table>
</div>
  <div id="lbox">
  <table cellpadding="0" cellspacing="0" border="0" class="module" style="width: 100%"><tr><td class="topl">
</td><td class="topr" ></td></tr><tr><td class="boxmid" >
  <div class="userinfo">
  <a href="/Profile.aspx?uid=ID"><img src="http://img3.orkut.com/images/medium/1195140063/1412275.jpg"  ></a>
  <div class="userinfodivi"></div>
  <p class="username">

  <a href="/Profile.aspx?uid=ID">MY NAME</a>
  </p>
  <p class="sml">
  masculino, solteiro(a)<br>Rio de Janeiro, Brasil
  </p>
  </div>
  <div class="userinfodivi"></div>
  <p class="usericon">

  <a href="/EditSummary.aspx" title="editar perfil" alt="editar perfil" >
  <img src="http://img4.orkut.com/img/castro/i_editprofile.gif" height="14" width="14" title="">editar perfil</a>
  </p>
  <div class="userinfodivi"></div>
  <div onmouseover="_setIdProperty('hmenu', 'display', 'block');" onmouseout="_setIdProperty('hmenu', 'display', 'none');">
  <div id="hmenu" style="display: none">
  <table cellpadding="0" cellspacing="0" border="0" class="module" style="width: 100%"><tr><td class="topl">
</td><td class="topr" ></td></tr><tr><td class="boxmid" >
  </td><td class="boxmidr" ></td></tr>

  <tr><td class="botl"></td><td class="botr"></td></tr></table>
  </div>
  </div>
  <a href="/Profile.aspx?uid=ID" class="userbutton" title="perfil" alt="perfil" >
  <img src="http://img4.orkut.com/img/castro/p_profile.gif" height="14" width="14" title="">
  perfil
  </a>
  <a href="/Scrapbook.aspx?uid=ID" class="userbutton" title="recados" alt="recados" >
  <img src="http://img1.orkut.com/img/castro/p_scrap.gif" height="14" width="14" title="">

  recados
  </a>
  <a href="/Album.aspx?uid=ID" class="userbutton" title="álbum" alt="álbum" >
  <img src="http://img4.orkut.com/img/castro/p_camera.gif" height="14" width="14" title="">
  álbum
  </a>
  <a href="/FavoriteVideos.aspx?uid=ID" class="userbutton" title="vídeos" alt="vídeos" >
  <img src="http://img3.orkut.com/img/castro/p_video.gif" height="14" width="14" title="">
  vídeos
  </a><div class="userinfodivi"></div>

  <a href="/Marks.aspx?xid=870416747832837157" class="userbutton" title="listas" alt="listas" >
  <img src="http://img2.orkut.com/img/castro/p_list.gif" height="14" width="14" title="">
  listas
  </a>
  <a href="/Messages.aspx" class="userbutton" title="mensagens" alt="mensagens" >
  <img src="http://img1.orkut.com/img/castro/i_letter.gif" height="14" width="14" title="">
  mensagens
  </a>
  <a href="/TestimonialView.aspx?xid=870416747832837157" class="userbutton" title="depoimentos" alt="depoimentos" >
  <img src="http://img1.orkut.com/img/castro/p_pen.gif" height="14" width="14" title="">

  depoimentos
  </a>
  <a href="/Notifications.aspx?xid=870416747832837157" class="userbutton" title="atualizações" alt="atualizações" >
  <img src="http://img1.orkut.com/img/castro/i_updates.png" height="14" width="14" title="">
  atualizações
  </a>
  <a href="/Settings.aspx?xid=870416747832837157" class="userbutton" title="configurações" alt="configurações" >
  <img src="http://img3.orkut.com/img/castro/i_tool.gif" height="14" width="14" title="">
  configurações
  </a><div class="userinfodivi"></div>

  <a href="/FriendsList.aspx?uid=ID" class="userbutton" title="ver amigos" alt="ver amigos" >
  <img src="http://img2.orkut.com/img/castro/p_viewfriends.gif" height="14" width="14" title="">
  ver amigos
  </a><div class="userinfodivi"></div>
  </td><td class="boxmidr" ></td></tr>
  <tr><td class="botl"></td><td class="botr"></td></tr></table>
  </div>
  <div id="mboxfull">
  <table cellpadding="0" cellspacing="0" border="0" class="module" style="width: 100%"><tr><td class="topl">

</td><td class="topr" ></td></tr><tr><td class="boxmid" >
  <form id="inputForm" name="inputForm" method="post" autocomplete="off" onsubmit="return false;">
  <input type="hidden" name="POST_TOKEN" value="BA87EC1B5836811F94AD79C1710193F7"/><input type="hidden" name="signature" value="WxUfw/LLc5CB3yzXFyw25Sv18mA="/>
  <div style="display: none;" id="captchaContainer">
  <div id="captcha" class="listlight">
  </div>
  <div class="listdivi ln"></div>
  <div class="parabtns">
  <span class="grabtn"><a href="javascript:void(0);" onclick="_submitCaptcha();; return false;" class="btn">confirmar</a></span><span class="btnboxr"><img src="http://img1.orkut.com/img/b.gif" alt="" height="1" width="5"></span>

  <span class="grabtn"><a href="javascript:void(0);" onclick="_cancelCaptcha();; return false;" class="btn">cancelar</a></span><span class="btnboxr"><img src="http://img1.orkut.com/img/b.gif" alt="" height="1" width="5"></span>
  </div>
  </div>
  <div id="scrapInputContainer">
  <div class="lf para" style="margin: 0px 5px 3px 3px;">
  <textarea id="scrapText" name="scrapText" onkeyup="_checkScrapSize();"
          
            cols="83" rows="4"
          
          
            prompt="digite o texto ou cole HTML (HTML apenas para amigos)"
          
          ></textarea>
  <div class="lf">
  <div id="hosted"></div>

  </div>
  </div>
  <script type="text/javascript"><!--
          _promptSetup("scrapText");
        //--></script>
  <div class="listdivi ln"></div>
  <div class="parabtns">
  <span class="grabtn"><a href="javascript:void(0);" onclick="_writeScrap();; return false;" class="btn">enviar recado</a></span><span class="btnboxr"><img src="http://img1.orkut.com/img/b.gif" alt="" height="1" width="5"></span>
  <span class="grabtn"><a href="javascript:void(0);" onclick="_preview();; return false;" class="btn">visualizar</a></span><span class="btnboxr"><img src="http://img1.orkut.com/img/b.gif" alt="" height="1" width="5"></span>

  <span class="grabtn"><a href="javascript:void(0);" onclick="pickPhoto();; return false;" class="btn">adicionar foto</a></span><span class="btnboxr"><img src="http://img1.orkut.com/img/b.gif" alt="" height="1" width="5"></span>
  <a href="javascript: void(0);" onclick="openFormattingTips(); return false;">dicas de recados</a>
  </div>
  </div>
  </form>
  </td><td class="boxmidr" ></td></tr>
  <tr><td class="botl"></td><td class="botr"></td></tr></table>
  <div style="display: none;" id="previewContainer">

  <table cellpadding="0" cellspacing="0" border="0" class="module" ><tr><td class="topl_g">
  <h2>visualizar</h2>
  </td><td class="topr_g" ></td></tr>
  <tr><td class="boxmidlrg" >
  <div class="listitem" id="previewContent">
  </div>
  </td><td class="boxmidr" ></td></tr>
  <tr><td class="botl"></td><td class="botr"></td></tr></table>

  </div>
  <table cellpadding="0" cellspacing="0" border="0" class="module" ><tr><td class="topl_g">
  <div>
  <span class="rfdte" style="padding-top: 10px">Quem pode adicionar recados: todos&nbsp;-&nbsp;<a style="position: relative;" href="/PrivacySettings.aspx">alterar configurações</a></span>
  <h1>Minha página de recados (0)</h1>
  <p class="breadcrumb">
  <a href="/Home.aspx">Início</a> &gt;

  Minha página de recados
  </p>
  </div>
  </td><td class="topr_g" ></td></tr>
  <tr><td class="boxmidlrg" >
  <div class="floatdiv" id="iframe_parent">
  <iframe id="scrap_extn_iframe" name="scrap_extn_iframe" src=""/>
  <!--[if lte IE 7.0]><iframe></iframe><![endif]>
  </div>
  <form name="scrapsForm" method="post">

  <input type="hidden" name="POST_TOKEN" value="BA87EC1B5836811F94AD79C1710193F7"/><input type="hidden" name="signature" value="WxUfw/LLc5CB3yzXFyw25Sv18mA="/>
  <div>
  <span class="rf">
  <select id="actionMenu" onchange="changePageSize(this.options[this.selectedIndex].value);">
  <option value="10" >Ver 10 recados</option>
  <option value="20" >Ver 20 recados</option>
  <option value="30" >Ver 30 recados</option>

  </select>
  </span>
  <span class="grabtn"><a href="javascript:void(0);" onclick="if (_numChecked(document.scrapsForm, 'scrapKeys') > 0) _singleDelete(function() {_submitForm(scrapsForm, 'delete')}); return false;" class="btn">excluir recados selecionados</a></span><span class="btnboxr"><img src="http://img1.orkut.com/img/b.gif" alt="" height="1" width="5"></span>
  <span class="grabtn"><a href="javascript:void(0);" onclick="if (_numChecked(document.scrapsForm, 'scrapKeys') > 0) _singleDelete(function() {_submitForm(scrapsForm, 'report_scraps')}); return false;" class="btn">denunciar spam</a></span><span class="btnboxr"><img src="http://img1.orkut.com/img/b.gif" alt="" height="1" width="5"></span>
  </div>
  <div class="listdivi" style="height:1px"></div>
  <div style="padding: 0px 2px;">
  <span class="rf">

  <span class="grayedout">primeira&nbsp;&nbsp;<span class='grayedout'>|</span>&nbsp;&nbsp;&lt; anterior</span>&nbsp;&nbsp;<span class='grayedout'>|</span>&nbsp;&nbsp;<span class="grayedout">próxima &gt;&nbsp;&nbsp;<span class='grayedout'>|</span>&nbsp;&nbsp;última</span>
  </span>
  <span class="lf">
  Selecionar: <a href="javascript: void(0);" onclick="_checkAll(document.scrapsForm, 'scrapKeys', true); return false;">Todos</a>, <a href="javascript: void(0);" onclick="_checkAll(document.scrapsForm, 'scrapKeys', false); return false;">Nenhum</a>

  </span>
  </div>
  <div class="listdivi" style="height:3px"></div>
  <div class="listdark">
  nenhum recado
  </div>
  <div class="listdivi ln"></div>
  <div class="listdivi"></div>
  <div class="listdivi"></div>

  <div class="listdivi ln"></div>
  <span class="rf" style="padding: 0px 2px;">
  <span class="grayedout">primeira&nbsp;&nbsp;<span class='grayedout'>|</span>&nbsp;&nbsp;&lt; anterior</span>&nbsp;&nbsp;<span class='grayedout'>|</span>&nbsp;&nbsp;<span class="grayedout">próxima &gt;&nbsp;&nbsp;<span class='grayedout'>|</span>&nbsp;&nbsp;última</span>
  </span>
  </form>

  <form name="deleteForm" id="deleteForm" method="post">
  <input type="hidden" name="POST_TOKEN" value="BA87EC1B5836811F94AD79C1710193F7"/><input type="hidden" name="signature" value="WxUfw/LLc5CB3yzXFyw25Sv18mA="/>
  <input type="hidden" name="toUserId" value="">
  <input type="hidden" name="rawAddedDate" value="">
  <input type="hidden" name="fromUserId" value="">
  </form>
  <form name="replyForm" id="replyForm" method="post">
  <input type="hidden" name="POST_TOKEN" value="BA87EC1B5836811F94AD79C1710193F7"/><input type="hidden" name="signature" value="WxUfw/LLc5CB3yzXFyw25Sv18mA="/>
  <input type="hidden" name="toUserId" value="">

  <input type="hidden" name="rawAddedDate" value="">
  <input type="hidden" name="scrapText" value="">
  <input type="hidden" name="replyToken" value="">
  </form>
  </td><td class="boxmidr" ></td></tr>
  <tr><td class="botl"></td><td class="botr"></td></tr></table>
  </div>
<div id="footer">
  <div class="footer_r"></div>

  <div class="footer_l">
  <div class="logogoogle">&nbsp;</div>
  <div class="logosml">&nbsp;</div>
  <div class="foottxt">
  &nbsp;&nbsp;|&nbsp;
  <a href="http://www.orkut.com/About.aspx">Sobre o orkut</a>
  &nbsp;|&nbsp;

  <a href="http://blogoficialdoorkut.blogspot.com/" target="_blank">Blog</a>
  &nbsp;|&nbsp;
  <a href="http://help.orkut.com/support/bin/answer.py?answer=48579&hl=pt-BR" target="_blank">Centro de segurança</a>
  &nbsp;|&nbsp;
  <a href="http://www.orkut.com/Privacy.aspx">Privacidade</a>
  &nbsp;|&nbsp;

  <a href="http://www.google.com/accounts/TOS?hl=pt-BR" target="_blank">Termos de uso</a>
  &nbsp;|&nbsp;
  <a href="/LanguageReset.aspx?page=%2FScrapbook.aspx">
  orkut in english
  </a>
  &nbsp;|&nbsp;
  <a href="http://help.orkut.com/support?hl=pt-BR" target="_blank">Ajuda</a>

  </div>
  </div>
</div>
</div>
</body>
</html>
sorry, "to upgrate to firefox 3.0"
Status: UNCONFIRMED → RESOLVED
Closed: 12 years ago
Resolution: --- → FIXED
Version: unspecified → Trunk
Status: RESOLVED → UNCONFIRMED
Resolution: FIXED → ---
Attached image firefox 2
Firefox 2.0 ok
Attached image firefox 3
Firefox 3.0 have a problem
Regression range for this is http://bonsai.mozilla.org/cvsquery.cgi?module=PhoenixTinderbox&date=explicit&mindate=1169918460&maxdate=1169923019 Two bugs are in this range: bug 9458 and bug 18217.
Component: View Source → Layout
Keywords: qawanted, regression
Product: Firefox → Core
QA Contact: view.source → layout
Hrm.  It uses 'display:inline-table' with 'vertical-align: middle' in a way that looks like it ought to work.
I think we just need to make vertical-align inherit to the outer table for inline table.
Status: UNCONFIRMED → NEW
Ever confirmed: true
Flags: blocking1.9?
OS: Windows XP → All
Hardware: PC → All
Summary: Firefox 3.0 are broken the bottons of Orkut → 'vertical-align' doesn't work on 'inline-table' (Orkut buttons split/misaligned)
Assignee: nobody → dbaron
Attached patch patchSplinter Review
Trivial patch to ua.css, plus tests.

Confirmed that it fixes orkut.
Attachment #289056 - Flags: superreview?(bzbarsky)
Attachment #289056 - Flags: review?(bzbarsky)
Summary: 'vertical-align' doesn't work on 'inline-table' (Orkut buttons split/misaligned) → 'vertical-align' doesn't work on 'display: inline-table' (Orkut buttons split/misaligned)
I suppose I can mark bug 378415 as a dupe then.
The patch here fixes all the issues in the testcase I attached there.
Duplicate of this bug: 378415
Comment on attachment 289056 [details] [diff] [review]
patch

Looks good.
Attachment #289056 - Flags: superreview?(bzbarsky)
Attachment #289056 - Flags: superreview+
Attachment #289056 - Flags: review?(bzbarsky)
Attachment #289056 - Flags: review+
Attachment #289056 - Flags: approval1.9? → approval1.9+
Flags: blocking1.9? → blocking1.9+
Priority: -- → P1
Fix checked in to trunk.
Status: NEW → RESOLVED
Closed: 12 years ago12 years ago
Resolution: --- → FIXED
Flags: in-testsuite+
Issue is Resolved - removing QA-Wanted Keywords - QA-Wanted query clean-up task
Keywords: qawanted
You need to log in before you can comment on or make changes to this bug.