Solo lectura

Google Chrome - Foro de ayuda

Esta página web es un archivo de los hilos antiguos de los foros de Google. Más información

Bug de espaciado vertical entre elementos usando br,margin,padding

pinox
18/11/11 8:20
Version Chrome 15.0.874.120

El error es cuando chrome hace render de una web que estoy diseñando, donde dos elementos se separan por medio de un <br> o agregando valores a las propiedades de margin y padding de algunos de los elementos, dicho elemento que se muestra mal vuelve a su estado correcto si se abre el Inspector de Chrome, es como si el css al cargar por primera vez la pagina interpretara mal esa parte del codigo pero al abrir el Inspector reinterpretara y arreglara el defecto. Ocurre solo en elementos especificos pero no logro determinar el patron, es decir, al lado del elemento que se muestra mal, hay una regin casi identica donde no pasa.

En StackOverflow encontre algo parecido, probe la solucion de ellos pero no funciono.
http://stackoverflow.com/questions/6966081/weird-problem-with-chrome-inspect-element

<ul class="select-index">
          <li style="z-index: 48; ">
            <div>        
              <label style="width: 100%;">Schedule Type</label><br>
              <select class="large-select" id="schedule_time_scheme" name="schedule[time_scheme]" style="display: none; "><option value="Custom" selected="selected">Custom</option>
<option value="Alternate_Weekends">Alternate weekends</option>
<option value="Alternate_Weeks">Alternate weeks</option>
<option value="Split_Week">Split week</option>
<option value="3-3-4-4">3-3-4-4</option>
<option value="2-2-3">2-2-3</option>
<option value="2-2-5-5">2-2-5-5</option>
<option value="5+9">5+9</option>
<option value="2_Week_Cycle">2 week cycle</option></select><a class="ui-selectmenu ui-widget ui-state-default ui-corner-all ui-selectmenu-popup large-select" id="schedule_time_scheme-button" role="button" href="#" tabindex="0" aria-haspopup="true" aria-owns="schedule_time_scheme-menu" style="width: 180px; "><span class="ui-selectmenu-status">Custom</span><span class="ui-selectmenu-icon ui-icon ui-icon-triangle-2-n-s"></span></a>
            </div>
    </li>
   
          <li style="z-index: 47; ">
            <div id="repeat_schedule_div" style="margin-top: 20px;">         <!-- estos 20px se interpretan como 40px y si se abre el inspector vuelve a su correcto estado de 20px -->
              <label>Repeat</label><br>
              <select class="large-select" name="from" id="repeat_select" style="display: none; ">
                      <option value="1">Every one Week</option>
                      <option value="2">Every two Weeks</option>
                      <option value="3">Every three Weeks</option>
                      <option value="4">Every four Weeks</option>
              </select><a class="ui-selectmenu ui-widget ui-state-default ui-corner-all ui-selectmenu-popup large-select" id="repeat_select-button" role="button" href="#" tabindex="0" aria-haspopup="true" aria-owns="repeat_select-menu" style="width: 180px; "><span class="ui-selectmenu-status">Every one Week</span><span class="ui-selectmenu-icon ui-icon ui-icon-triangle-2-n-s"></span></a>
            </div>        
    </li>
   
        </ul>

Respuestas (0)