Ver Mensaje Individual
  #4 (permalink)  
Antiguo 11/04/2013, 08:27
Avatar de guardarmicorreo
guardarmicorreo
 
Fecha de Ingreso: noviembre-2012
Ubicación: Córdoba
Mensajes: 1.153
Antigüedad: 11 años, 5 meses
Puntos: 84
Respuesta: Por que FF falla {min-height} y {width:auto} en este código?

Cita:
Iniciado por Anarko Ver Mensaje
Hola, quiero centrar en horizontal y en vertical.

Y este código no lo hace:
Código PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<
html>
<
head>
<
meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<
style type="text/css">
html,body{
font-family:arial,verdana,sans-serif;
font-size:9pt;
margin:0;
padding:0;
}
#info{
background:#ffedd7;
height:auto;
min-height:50%;
max-width:50%;
width:auto;
}
</
style>
<
title>.: Optimizar Servidor :.</title>
</
head>
<
body>
<
div id="info">765</div>
</
body></html
¿que debo hacer?

Gracias
has reseteado el style para que el estilo por defecto de tu navegador y el que tu estás introduciendo no 'choquen' ?

yo en mis CSS siempre reseteo todo y escribo de cero todos los estilos con el siguiente código (fácil de encontrar por google)

Código CSS:
Ver original
  1. /*//////////////////////////////////////////////////*/
  2. /*CÓDIGO PARA RESETEAR HOJA DE ESTILOS DEL NAVEGADOR*/
  3. /*//////////////////////////////////////////////////*/
  4. html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  5.     margin: 0;
  6.     padding: 0;
  7.     border: 0;
  8.     outline: 0;
  9.     font-size: 100%;
  10.     vertical-align: baseline;
  11.     background: transparent;
  12. }
  13. body {
  14.     line-height: 1;
  15. }
  16. ol, ul {
  17.     list-style: none;
  18. }
  19. blockquote, q {
  20.     quotes: none;
  21. }
  22. blockquote:before, blockquote:after, q:before, q:after {
  23.     content: '';
  24.     content: none;
  25. }
  26. <em>/* No olvides definir estilos para focus */</em>
  27. :focus {
  28.     outline: 0;
  29. }
  30. <em>/* No olvides resaltar de alguna manera el texto insertado/borrado */</em>
  31. ins {
  32.     text-decoration: none;
  33. }
  34. del {
  35.     text-decoration: line-through;
  36. }
  37. <em>/* En el código HTML es necesario añadir cellspacing="0" */</em>
  38. table {
  39.     border-collapse: collapse;
  40.     border-spacing: 0;
  41. }

espero que te sirva, saludos :D