Fitefox e min-width

**Ashry** · 28-05-2007, 12:58

Salve a tutti,

avrei bisogno di creare una pagina con altezza 100% e largezza minima 768px; il problema è che la larghezza si dovrebbe modificare in base al contenuto (tabelle con contenuti dinamici che possono superare i 768px), purtroppo non riesco a far funzionare la cosa con firefox dato che mettendo il min-width sembra che imposti un valore 100% anche se metto i px ma se metto il max-width la tabella "esce dal contenitore", mettendo un dyspla:table, non mi funziona più l'altezza al 100% insomma non so proprio dove sbattere la testa avete qualche consglio?

**Mich_** · 28-05-2007, 14:48

In FF mi risulta che il min-width funzioni.
Quindi sospetto qualche altro errore: dovresti postare il codice HTML+CSS e il DOCTYPE, oppure un link alla pagina.

**Ashry** · 28-05-2007, 15:00

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HEAD>
<title>Company</title>
<LINK href="_css/template.css" type="text/css" rel="stylesheet" media="screen">
<LINK href="_css/print.css" type="text/css" rel="stylesheet" media="print">

</head>
<div id="container">
<div id="Header">
<div id="datiutente">
<div id="companyName"><span class="nome">Company Name</span></div>
<div id="benvenuto">Benvenuto:NOME UTENTE</div>
</div>
<div id="mainmenu">
MENU
</div>
<div id="breadcrumb">
breadcrumb
</div>
</div>
[img]_images/_template/5028.jpg[/img]
<div id="corpo">
<h1>Titolo</h1> Qusto è un finto testo che verrà in seguito sotito con l'originale...
</div>
</div>
<body>
</body>
</html>

html,body{margin: 0;padding:0;height:100%}
html,Body{ color:#666666;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
background-color:#F2F2F2;
text-align:center;
}

div { font-family:Arial, Helvetica, sans-serif;
margin: 0px 0px 0px 0px;
font-size:11px;
}

div#container{ min-width: 768px;
height: 100%;
background-color:#FFFFFF;
border-left:1px solid #7C7C7C;
border-right:1px solid #7C7C7C;
background-image:url(/_images/_template/TOP_bg.gif);
background-repeat:repeat-x;
text-align:left;
}

body>div#container{height:auto;min-height:100%}
#Header{font-family:Arial, Helvetica, sans-serif;
font-size:11px;
height:158px;
vertical-align:bottom;
padding-top:20px;}

#companyName{height:88px;
margin-left:3px;
float:left;
padding-left:143px;
font-size:11px;
font-weight:bold;
color:#666666;
font-family:Arial, Helvetica, sans-serif;
background-image:url(/_images/_template/5035.gif);
background-repeat:no-repeat;}

#companyName img{ float:left;}

#benvenuto{ padding-right:37px;
padding-top:8px;
height:27px;
position:relative;
right:0;
text-align:right;
font-size:11px;
}

#mainmenu{ clear:both;
vertical-align:middle;
padding-left:20px;
}

#breadcrumb{FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif, Myuen;
FONT-SIZE: 10px;
COLOR: #043604;
margin-left:33px;
height:16px;
}

#corpo{ padding-left:33px;
padding-right:33px;
padding-top:20px;
}

**Mich_** · 28-05-2007, 15:25

Il codice inserito a quel modo e` molto difficile da interpretare (per l'inserimento dei codici ci sono gli appositi bottoni # oppure PHP sopra l'area di inserimento), comunque ho visto un errore HTML (la pagina non sta dentro al <body>) ed un errore CSS (Body scritto con l'iniziale maiuscola).

Ti consiglio di passare la pagina dal validatore HTML e dal validatore CSS, per trovare eventuali altri errori.

Non ho capito quale blocco non riesci a sistemare. Mi pare che sia comunque piu` stretto di 768 px, con qualsiasi dimensione dei caratteri

Discussione: Fitefox e min-width

Strumenti discussione

Ricerca discussione

Visualizza

Fitefox e min-width

Permessi di invio