Sto avendo problemi con un sidediv che non otterrà l'altezza al 100% in chrome. Funziona bene in FF. Im usandoaltezza 100% in cromo
html, body {
padding: 0px;
width: 100%;
height: 100%;
}
#div {
min-height: 100%;
}
Perché?
Sto avendo problemi con un sidediv che non otterrà l'altezza al 100% in chrome. Funziona bene in FF. Im usandoaltezza 100% in cromo
html, body {
padding: 0px;
width: 100%;
height: 100%;
}
#div {
min-height: 100%;
}
Perché?
Questo funziona perfetto per me su tutti i browser:
<!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>min-height test</title>
<style type="text/css">
html, body { padding: 0px; margin: 0px; width: 100%; height: 100%; }
#div { min-height: 100%; background-color: gray; }
</style>
</head>
<body>
<div id="div">test</div>
</body>
</html>
può fornire maggiori dettagli?
Modifica
Ecco la versione aggiornata sulla base delle informazioni fornite:
<!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>min-height test</title>
<style type="text/css">
html, body { padding: 0px; margin: 0px; height: 100%; text-align: center; }
.contents { height: 100%; width: 780px; margin-left: auto;
margin-right: auto; text-align: left; }
#right { float: left; width: 217px; min-height: 100%; background:#4b805b; }
</style>
</head>
<body>
<div class="contents">
<div id="right">test</div>
</div>
</body>
</html>
Ancora tutto sembra a posto per Chrome, Firefox e IE8
non so cos'altro aggiungere questo è tutto il css del contenitore // NON SO DAVVERO SAPERE COME FORMARE IL CODICE PER STACKOVERFLOW SORRY! #right { \t float: sinistra; \t larghezza: 217px; \t altezza minima: 100%; \t \t background: # 4b805b; } e questo è il corpo foro/html html, body { \t padding: 0px; margine \t: 0px; \t altezza: 100%; \t allineamento del testo: centro; \t } body { \t font-family: "Tahoma CE", "Arial CE", "Helvetica CE", Tahoma, Arial, lucida, sans-serif; \t dimensione carattere: 12px; \t background: url (images/bk.jpg) repeat-x fixed; \t } – andrei
Si prega di modificare la domanda e fornire una versione minificata del codice html. Ciò che conta è il tuo layout html, non il tuo CSS. – Diadistis
Non riesco davvero a farlo, non ho scritto il codice (che è un casino btw) sono solo il debugger (il fatto che la barra laterale sia inclusa tramite php ha qualcosa a che fare con questo?) – andrei
Da http://doctype.com/give-two-nested-divs-100-minheight:
L'elemento figlio eredita l'altezza del contenitore padre solo se è specificato in modo esplicito. Ma l'altezza minima non è una specifica esplicita dell'altezza , quindi l'altezza calcolata è "auto" e non al 100%.
Wow, quindi la risposta è impostare ** altezza ** e ** altezza minima ** a ** 100% **? O solo ** altezza ** e lasciare ** altezza minima ** fuori? – harpo
È necessario specificare un genitore con 100% di altezza e il bambino in modo
html,body{
height: 100%;
}
#div{
min-height: 100%;
height: auto !important;
height: 100%; /*for IE*/
}
L'importante! Sovrascriverà tutte le altre regole di altezza. Prova che non dovresti avere problemi.
Aveva un problema simile, risolto. Almeno provalo. Non so perché all'improvviso stavo avendo questo problema quando non ero prima. – Kirk
Verificare con codice qui sotto, di lavoro e la stampa di etichette bene per me sotto stampante Zebra GC420d
etichetta:
<!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>
<meta charset="utf-8">
<style type="text/css">
html, body { padding: 0px; margin: 0px; width: 100%; height: 100%; }
#div { min-height: 100%; }
</style>
</head>
<body>
<div style="border: 0px solid red;">
<table border="0" width="100%" align="center">
<tr>
<td style="text-align: center;">
<?php
echo $name;
?>
</td>
</tr>
<tr><td></td></tr>
<tr>
<td style="text-align: center;">
<?php
echo 'https://goo.gl/2QvRXf';
?>
</td>
</tr>
</table>
</div>
</body>
</html>
Speranza che aiuta!
Non è possibile specificare le dimensioni di html e corpo. html non è nemmeno un elemento di visualizzazione, e il corpo contiene TUTTI gli elementi di visualizzazione –
@Jamie Wong: non è vero, se non si specifica html e body non è possibile ottenere il 100% di altezza – Diadistis
@Diadistis Wrong I am - http://www.webmasterworld.com/forum83/7559.htm per riferimento –