Problemi con CCS in IE 8

**fraude** · 06-05-2013, 20:49

Ciao, ho un problema con questo foglio di stile che funziona su google chrome e su firefox, ma non su internet explorer 8, dove il div si apre in alto a sinistra invece che al centro così come accade sugli altri browser.

Cosa c'è di sbagliato?
Grazie

codice:

        .loading
        {
            text-align: center;
            padding-top: 30px;
            border-width: 1px solid #000;
            width: 300px;
            height: 100px;
            filter: alpha(opacity=90);
            opacity: 0.90;
            border-style: solid;
            background-color: #FFFFFF;
            position: absolute;
            font-family: Trebuchet MS;
            font-size: small;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
            background: url('http://www.deepakgems.com/images/new/loading.gif') no-repeat center;
        }

**Nobody33** · 06-05-2013, 21:31

Senza ulteriori informazioni direi che è

codice:

position: absolute;

l'incriminato e si è pure intrufolato 2 volte

Ma, vorrei capire anche

codice:

top: 0;
 bottom: 0;
 left: 0; 
right: 0;

**fraude** · 06-05-2013, 21:48

grazie, ho modificato secondo le tue indicazioni ma è sempre lo stesso problema...

codice:

        .loading
        {
            text-align: center;
            padding-top: 30px;
            border-width: 1px solid #000;
            width: 300px;
            height: 100px;
            filter: alpha(opacity=90);
            opacity: 0.90;
            border-style: solid;
            background-color: #FFFFFF;
            font-family: Trebuchet MS;
            font-size: small;
            margin: auto;
            background: url('http://www.deepakgems.com/images/new/loading.gif') no-repeat center;
        }

**Nobody33** · 06-05-2013, 22:03

Fai vedere un altro pezzettino di codice?

Magari un link alla pagina?

il mio vorrei capire ---> top, left, bottom, right :0 era per dire cosa dovrebbero fare.

Se inserisci

codice:

position: absolute;
top:0;
ecc...

mi pare abbastanza normale che ti si apra (non so che cosa: popup forse?) in alto a sinistra.

Non so se mi sono fatto capire

**fraude** · 06-05-2013, 22:11

hai ragione, grazie.

con questo css devo aprire il classico please wait in un box popup al centro della pagina web aperta nel browser.

come dicevo la stessa aspx pagina aperta in chrome e firefox il please wait si visualizza al centro della pagina, in ie 8 in alto a sinistra.

riguardo a:

codice:

            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;

li avevo aggiunti durante alcuni test per provare l'apertura centrale in ie8 , ma devo che non servono a nulla.

non mi intendo di CSS.

sviluppo in asp net 4 C# e questo è il codice:

codice:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default_3.aspx.cs" Inherits="_Default"
    Debug="true" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
<!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 runat="server">
    <title></title>
    <style type="text/css" media="all">
        .loading
        {
            text-align: center;
            padding-top: 30px;
            border-width: 1px solid #000;
            width: 300px;
            height: 100px;
            filter: alpha(opacity=90);
            opacity: 0.90;
            border-style: solid;
            background-color: #FFFFFF;
            font-family: Trebuchet MS;
            font-size: small;
            margin: auto;
            background: url('http://www.deepakgems.com/images/new/loading.gif') no-repeat center;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <ajaxToolkit:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
    </ajaxToolkit:ToolkitScriptManager>
    <div id=mydiv class=loading>
    </div>
    </form>
</body>
</html>

**Nobody33** · 06-05-2013, 22:35

Puoi darmi un link a qualche server di prova?

1)Prova intanto a inserire nel header

codice:

<meta http-equiv="X-UA-Compatible" content="IE=8">

per fare si che IE 8 sia veramente IE 8.

Sull'argomento ne è piena la rete se ti interessa più approfonditamente

Inoltre, t'ho trovato QUESTO link.

Vedi se ti è utile.

**Albe.esse** · 08-05-2013, 13:25

Nobody33,
grazie mille per il meta, stavo cercando una soluzione per far funzionare display:table-cell per IE ed adesso finalmente funziona!!!

Sono impazzito anche con i commenti condizionali ma non ero riuscito a risolvere una beata mazza....fino ad ora!!!

**Experiment8** · 08-05-2013, 16:51

Ciao,

Io noto che sul div:

codice:

<div id=mydiv class=loading>

mancano le virgolette sugli attibuti:

codice:

<div id="mydiv" class="loading">

Per quanto riguarda il centrarlo se metti top: 0 e left: 0 sarà sempre in alto a sinistra, dovresti mettere una cosa del tipo:

codice:

position: absolute;
top: 50%;
left: 50%;
width: (Una width in pixel che può andarti bene);
height: (Idem della width)
margin: (-height/2 0 0 -width/2);

ovviamente al posto di "-height/2" e "-width/2" ci andrà la metà dell width/height che avrai inserito, ad esempio:

codice:

position: absolute;
top: 50%;
left: 50%;
width: 300px;
height: 30px;
margin: (-15px 0 0 -150px);

**fraude** · 08-05-2013, 23:03

Originariamente inviato da Nobody33
Puoi darmi un link a qualche server di prova?

1)Prova intanto a inserire nel header

codice:

<meta http-equiv="X-UA-Compatible" content="IE=8">

Risolto inserendo nell' header la stringa suggerita, grazie mille!

Discussione: Problemi con CCS in IE 8

Strumenti discussione

Ricerca discussione

Visualizza

Problemi con CCS in IE 8

Grazie

Permessi di invio