Visualizzazione dei risultati da 1 a 5 su 5
  1. #1
    Utente di HTML.it
    Registrato dal
    Jun 2007
    Messaggi
    11

    [CSS] Problemi con Explorer

    Ciao a tutti..premetto che sono nuoo dei css e che quind sono praticamente poco pratico, ma volevo sapere, perchè su firefox mi vengono visualizzate perfette allineate senza alcun problema, mentre su explorer mi da problemi?
    vi inserisco il codice..ditemi se ho sbagliato qualcosa, perchè mi manca solo quello per finire

    body,h1,h2 {
    background-color: #ffffff;
    color:#666666;
    font-family: arial, helvetica, sans-serif;
    font-size: 8pt;
    margin:0;
    padding:0;
    }

    a:link,a:visited {color: #06c; text-decoration:none;}
    a:hover {color: #f60; text-decoration:underline;}
    h1,h2,h3 {font-weight:bold;}

    p {margin: 0 0 8px 0; color:#666666;}

    .more {
    text-align: right;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-size: 10px;
    }

    .more a {
    text-align: right;
    }

    input.text {
    font-family:Arial,Helv,sans-serif;
    font-size:11px;
    color: #628BC4;
    background: transparent;
    border: 1px solid #ccc;
    font-weight: bold;
    }

    input.submit {
    font-family:Arial,Helv,sans-serif;
    font-size:11px;
    font-weight: bold;
    color: #06C;

    background: transparent;
    border-width: 0px;
    }

    input.login {
    font-family:Arial,Helv,sans-serif;
    font-size:11px;
    color: #628BC4;
    background: transparent;
    border: 1px solid #ccc;
    font-weight: bold;
    }

    h2 {
    margin-bottom: 7px;
    font-size: 11pt;
    height: 20px;
    background: url(naslov.gif) no-repeat;
    padding-top: 3px;
    padding-left: 5px;
    color: #f60;
    }

    h2 a, h2 a:visited {
    color: #f60;
    }

    h2 a:hover {
    color: #06c;
    text-decoration: none;
    }

    h3 {
    margin-top: 15px;
    margin-bottom: 5px;
    }

    .tabs {
    text-align: right;
    padding-left: 13px;
    padding-right: 30px;
    font-weight: bold;
    }

    #container {
    width: 750px;
    margin: auto;
    padding-left: 12px;
    padding-right: 10px;
    background: #FFF url(pozadina.gif) no-repeat;
    color: #333;
    line-height: 130%;
    }

    #top {
    height: 50px;
    background: url(logo.gif) no-repeat left bottom;
    margin-bottom: 5px;
    padding-top: 20px;
    font-size: 15pt;
    color: #06C;
    }

    .podnaslov {
    font-size: 8pt;
    padding-left: 11px;
    color: #808080;
    }

    .poslovni {
    color: #808080;
    }


    #left {
    float: left;
    width: 125px;
    }


    #left a, #left a:visited {
    display: block;
    text-decoration: none;
    height: 17px;
    padding-left: 3px;
    padding-right: 13px;
    /*border-bottom: 1px solid #ccc;*/

    }

    #left a:hover {
    text-decoration: underline;
    background: #06c;
    color: #FFF;
    }

    #right {
    padding-right: 10px;
    float: right;
    width: 170px;
    border-bottom: 1px solid #cccccc;
    text-align:justify;
    }

    #content {
    padding-top: 5px;
    margin-left: 98pt;
    margin-right: 200px;
    padding-right: 2px;
    max-width: 36em;
    text-align:justify;
    }

    #footer {
    margin-top: 8px;
    margin-left: 135px;
    margin-right: 240px;
    padding-top:4px;
    padding-bottom:4px;

    color:#999999;
    margin-bottom:10px;
    text-align:right;
    border-top: 2px solid #ccc;
    }

  2. #2
    Utente di HTML.it
    Registrato dal
    Jun 2007
    Messaggi
    11
    se qualcuno sa dove sto sbagliando e mi può dare una mano per risolvere il problema sarò eternamente grato!!!!


    pleaseee help!!!!!!

  3. #3
    Utente di HTML.it
    Registrato dal
    Apr 2007
    Messaggi
    218
    Prova a sostituire i padding coi margin.

  4. #4
    Utente di HTML.it
    Registrato dal
    Jun 2007
    Messaggi
    11
    Originariamente inviato da TheBestNeo
    Prova a sostituire i padding coi margin.
    cioè levare tutti i padding e usare i margin?

    ex:

    h2 {
    margin-bottom: 7px;
    font-size: 11pt;
    height: 20px;
    background: url(naslov.gif) no-repeat;
    padding-top: 3px;
    padding-left: 5px;
    color: #f60;
    }

    diventa:


    h2 {
    margin-bottom: 7px;
    font-size: 11pt;
    height: 20px;
    background: url(naslov.gif) no-repeat;
    margin-top: 3px;
    margin-left: 5px;
    color: #f60;
    }

  5. #5
    Utente di HTML.it
    Registrato dal
    Jun 2007
    Messaggi
    11
    uhm...mi sa che grazie alla dritta ho risolto =)

    Grazie mille Neo=)))

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.