[RISOLTO?] Search non bloccato

[alida505]

Ciao a tutti!
Ho modificato alcuni parametri del box search per personalizzarlo rispetto all' originale. Risultato?
Ho notato che nel momento in cui riduco lo zoom della pagina non sta dove l'ho posizionato!
Lo stesso per il logo (non ho cambiato nessun parametro ma solo l'immagine)!
Scrivo il codice del search (che sarà sicuramente sbagliato) ed il link del sito   :

Codice: [Seleziona]

div#user4 div.search{
position: absolute;
        width:220px;
height:46px;
text-align:left;
        right: 246px;
background: url(../images/search_bg.png) top left no-repeat;
}

div#user4 div.search .inputbox {
background: transparent;
position: absolute;
        width: 150px;
height: 13px;
        font-family: Helvetica, Arial, sans-serif;
        font-weight: bold;
        font-size: 12px;
        text-align:right;
color: #000000;
        margin-left: 60px;
padding:14px 2px 2px 2px;
border: 1px solid #cccccc;
        border-width:0 0 1px 0;
}

.search {
text-align:left;
width: 156px;
height:43px;
}

.search .inputbox {
background:#FFFFFF;
width: 156px;
height: 17px;
font-size: 11px;
color: #454545;
margin:9px 0px 0px 20px;
border: 1px solid #D3D3D3;
}

http://www.prancingpony.altervista.org/

Grazie in anticipo........

[adottauncane]

Ciao alida505,
credo basterà mettere relative al posto di absolute qui:
template.css (riga 115)

Codice: [Seleziona]

div#user4 div.search {
-moz-background-clip:border;
-moz-background-origin:padding;
-moz-background-size:auto auto;
background-attachment:scroll;
background-color:transparent;
background-image:url("../images/search_bg.png");
background-position:left top;
background-repeat:no-repeat;
height:46px;
position:relative; <---------- qui
right:246px;
text-align:left;
width:220px;
}


[alida505]

Ciao alida505,
credo basterà mettere relative al posto di absolute qui:
template.css (riga 115)

Codice: [Seleziona]

div#user4 div.search {
-moz-background-clip:border;
-moz-background-origin:padding;
-moz-background-size:auto auto;
background-attachment:scroll;
background-color:transparent;
background-image:url("../images/search_bg.png");
background-position:left top;
background-repeat:no-repeat;
height:46px;
position:relative; <---------- qui
right:246px;
text-align:left;
width:220px;
}


Perfetto! E' lui! Pensavo avessi sbagliato tutto.....grazie!!

[alida505]

Ciao!
In questi gg ho provato a vedere il sito dall'ufficio (usando ie 7). Risultato?? Il box search è spostatooooo   
ma perchè se da casa con ie si vede bene???.....
Allego stamp della visualizzazione.......   
Grazie......

[allegato eliminato da un amministratore]

[adottauncane]

Ma, prova, non ho Ie e non posso controllare, a mettere relative anche qui:

Codice: [Seleziona]

div#user4 div.search .inputbox {
.
position:relative;
.
}template.css (riga 125)

[alida505]

Ma, prova, non ho Ie e non posso controllare, a mettere relative anche qui:

Codice: [Seleziona]

div#user4 div.search .inputbox {
.
position:relative;
.
}template.css (riga 125)

Grazie!
Lunedì mattina sono di nuovo in ufficio e provo......

[alida505]

Ma, prova, non ho Ie e non posso controllare, a mettere relative anche qui:

Codice: [Seleziona]

div#user4 div.search .inputbox {
.
position:relative;
.
}template.css (riga 125)

Ciao!
Ho provato dall'ufficio a vedere con explorer e addirittura adesso immagine e testo del search si accavallano a sx......

Allego img di visualizzazione.....grazie.....

[allegato eliminato da un amministratore]

[adottauncane]

non so... prova ad aggiungere !important qui:

Codice: [Seleziona]

div#user4 div.search .inputbox {

margin-left:60px !important;

}template.css (riga 125)

Codice: [Seleziona]

div#user4 div.search {

right:230px !important;

}template.css (riga 116)

[alida505]

non so... prova ad aggiungere !important qui:

Codice: [Seleziona]

div#user4 div.search .inputbox {

margin-left:60px !important;

}template.css (riga 125)

Codice: [Seleziona]

div#user4 div.search {

right:230px !important;

}template.css (riga 116)

......il nulla assoluto.....

[alida505]

......eeeeehhhhmmmm.......scusate.....q ualcuno potrebbe aiutarmi per favore? 

[jarhead76]

Prova ad installare il plugin IE Compatibility, alle volte risolve questo genere di problemi con i cari sistemi di M.
Ciao

[alida505]

Prova ad installare il plugin IE Compatibility, alle volte risolve questo genere di problemi con i cari sistemi di M.
Ciao

Grazie! Provo appena posso e dò notizie....

[alida505]

Prova ad installare il plugin IE Compatibility, alle volte risolve questo genere di problemi con i cari sistemi di M.
Ciao

Ciao!
Niente, ho provato ed è sempre lo stesso....la visualizzazione rimane sempre uguale, quindi search spostato ed ho notato anche pulsanti tagliati (vedi immagine da me in precedenza allegata)....
Ho scaricato IE8 Compatibility e diceva che era valido anche per il 7  (perchè specifico solo per il 7 non lo trovo.....)
E moh? 

[alida505]

......risulterò probabilmene insistente, ma come si dice la speranza è l'ultima a morire......(anche perchè non ho molte alternative  )

come faccio a rendere il box search fermo e immobile lì dove dovrebbe stare? ?? ?? ?? ?
......porto nuovamente il codice modificato dai vostri consigli:

Codice: [Seleziona]

div#user4 div.search{
position: relative;
        width:165px;
height:46px;
text-align:left;
         right:230px !important;
        top: 10px;
background: url(../images/search_bg.png) top left no-repeat;
}
div#user4 div.search .inputbox {
background: transparent;
position: relative;
        width: 150px;
height: 13px;
        font-family: Helvetica, Arial, sans-serif;
        font-weight: bold;
        font-size: 12px;
        text-align:right;
color: #000000;
         margin-left:60px !important;
padding:18px 2px 2px 2px;
border: 1px solid #cccccc;
        border-width:0 0 1px 0;
}

div#main_top table.contentpaneopen{
padding:0px;
margin-top:80px;
margin-right:200px;
width:410px;
height:134px;
overflow: auto;
text-align:right;
color:#000000;
float:right;
}
div#main_top table.contentpaneopen td{
color:#000000;
}

.search {
text-align:left;
width: 156px;
height:43px;
}
.search .inputbox {
background:#FFFFFF;
width: 156px;
height: 17px;
font-size: 11px;
color: #454545;
margin:9px 0px 0px 20px;
border: 1px solid #D3D3D3;
}

......e grazie sempre......