ridimensionamento finestra in ie6

[gabar-el]

ciao,
sto cercando di risolvere un problema relativo al ridimensionamento in ie6.
nonostante abbia applicato un width specifico, quando rimpicciolisco la finestra mi compare la barra di navigazione orizzontale. è normale?

questo mi porta ad avere un effetto orrendo e vari problemi, poichè i contenuti del layout liquido continuano a ridimensionarsi.

come posso risolvere?
al momento il css riguardante il div è questo

div#containerHP{padding-top:25px; height:1%; min-width:634px; max-width:1280px; overflow/**/:/**/hidden; background:#fff;width:95%; margin:25px auto 50px;}

grazie

[Mich_]

Commento i vari attributi che sono diversi in IE:

div#containerHP{
  padding-top:25px;      /* il padding segue un box-model diverso */
  height:1%;             /* se risulta minore dell'altezza del font, l'altezza minima e` quella del font */
  min-width:634px;      /* min-width non e` riconosciuto - in IE width si comporta come min-width */
  max-width:1280px;     /* non esiste - occorre usare un hack in JS */
  overflow/**/:/**/hidden;
  background:#fff;
  width:95%;
  margin:25px auto 50px;
}

Per i dettagli ti consiglio di guardare nelle pagine specializzate sugli hack di IE (alcuni riferimenti tra i "link utili") oppure puoi fare una ricerca nel forum.

[gabar-el]

ciao,
ok per il padding, ma in quanto top non dovrebbe incidere nel mio caso specifico.
stessa cosa per l'height.
non so perchè a me il min-width non si comporta come il width, la finestra continua a ridimensionarsi insieme ai contenuti.
il max-width ovviamente non esiste in ie6 intendi?

[Mich_]

L'hack per il min-width e` il seguente:

  min-width: 634px; 
  width: auto :important;
  width: 634px;

Invece per il max-width e` necessario JS.

[gabar-el]

grazie per il codice

non capisco perchè l'header viene influenzato da width: auto !important;
mi slitta a sinistra, solo quel div, quando anche altri hanno quella proprietà!
se la tolgo infatti torna tutto a posto. sembra quasi che vada in conflitto con margin: 0 auto;

(parlo di tutti i browser, non ie nello specifico)

questo il suo codice completo:

div#header {
	min-width: 634px;
	width: auto !important;
	width: 95%;
	max-width: 1280px;
	height: 331px;
	margin: 0 auto;
	background: #fff url(images/bg_head.gif) left 50px no-repeat;
}

[gabar-el]

mmhhh... ok, ho capito che non è un problema, è che con quel codice è cambiato il contesto del width. Ora quindi legge prima l'auto, il problema è che io lo avevo impostato di base al 95% e ora me lo ritrovo comunque al 100%.

La cosa è evidenziata nel div header per via dell'immagine di bg...

[gabar-el]

credo di avere risolto mettendo un margin di 2.5% a left e right

{
margin: 0 2.5%;
}