Visualizzazione dei risultati da 1 a 3 su 3

Discussione: Css e .... explorer

  1. #1
    Utente di HTML.it
    Registrato dal
    Sep 2002
    Messaggi
    1,056

    Css e .... explorer

    Mannaggia a explorer.
    Sto facendo il primo esperimento di css..
    Qesto il codice, funziona tutto bene (Safari) tranne su explorer su pc che mi mette la barra superiore spostata a dx lasciando uno spazione bianco, explorer su mac invece non continua la barra nera, come faccio???:

    <!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>Layout a due colonne liquido</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <style type="text/css">


    body {
    margin:0px;
    padding:0px;
    font-family:verdana, arial, helvetica, sans-serif;
    color:#333;
    background-color:white;
    height: 100%;
    width: 600px;
    }

    a:link{color: #FFFFFF; font-size: 10px; font-family: Verdana; text-decoration: none}
    a:active{color: #666666; font-size: 10px; font-family: Verdana; text-decoration: none}
    a:hover {color: #FF9900; font-size: 10px; font-family: Verdana; text-decoration: none}
    a:visited{color: #FFFFFF; font-size: 10px; font-family: Verdana; text-decoration: none}

    h1 {
    margin:10px 10px 15px 10px;
    padding:0px;
    font-size:28px;
    line-height:28px;
    font-weight:900;
    color:#000066;
    }


    p {
    font:12px verdana, arial, helvetica, sans-serif;
    margin:10px 10px 16px 10px;
    padding:0px;
    color:#FFFFFF
    }


    #testata {
    position:absolute;
    margin:0px;
    padding:0px;
    height:81px;
    width:100%;
    background-color:#000000;
    }


    #menu {
    position:absolute;
    top:80px;
    left:0px;
    width:100px;
    background-color:#000000;
    height: 100%;
    }

    #contenuto {
    margin:0px 0px 0px 180px;
    padding:10px;
    background-color: #FFFFFF;
    }
    </style>
    </head>

    <body>

    <div id="testata">
    <object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="602" height="80" widht="760">
    <param name="movie" value="menu_alto.swf">
    <param name="quality" value="high">
    <embed src="menu_alto.swf" width="602" height="80" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="apllication/x-shockwave-flash" widht="760"></embed></object>
    </div>
    <div id="menu">
    <?php
    mysql_connect("localhost", "xxx", "xxx") or die ("connessione fallita!");
    mysql_select_db("xxxx") or die ("selezione del BD fallita!");
    $query = mysql_query("SELECT categoria FROM categoria ORDER BY ordinamento");
    while($result = mysql_fetch_array($query)) {
    echo"

    <a href =index.php?categoria=". $result['categoria']. ">". $result['categoria'] . "</a></p>";}
    ?>

    </div>
    <div id="contenuto">
    <h1>Codice</h1>


    .......</p>
    </div>
    </body>
    </html>

  2. #2
    Utente di HTML.it L'avatar di pacovox
    Registrato dal
    Oct 2001
    Messaggi
    557
    Dovresti provare a togliere il width: 600px; nel body e mettere top: 0; left: 0; su #testata

  3. #3
    Utente di HTML.it
    Registrato dal
    Sep 2002
    Messaggi
    1,056
    Grande hai ragione ora funziona!
    Tranne che la testata non è larga il 100% sugli explorer...mentre sul mio amato safari (amato perchè non mi da problemi) si...

    (grazie, scusami ma sono i primi esperimenti)

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.