Visualizzazione dei risultati da 1 a 3 su 3
  1. #1

    layout con css diverso da ie a firefox

    Mi sono avvicinato da poco all'uso dei css e non riesco a capire perchè il sito www.cavamobile.com visto con firefox risulta senza problemi.
    Ma con ie si vede mi sbaglia il posizionamento del testo mettendolo alla fine del menù di dx.
    fatemi una carità! ditemi cosa c'è di sbagliato che non riesco a trovarlo.
    il css se interessa è questo:

    /* www.cavamobile.com CSS Document */

    /*stili per il layout fisso con posizionamenti assoluti*/
    html,body{margin-top:0;margin-bottom:0;margin-left:0;margin-right:0;padding:0}
    body{font-family: arial,sans-serif;font-size: 76%;text-align: justify;background : #009933}
    div#container{width: 100%;margin: 0 auto;height: 100%}

    /*stili generici, su header e footer*/
    div#header{background: url(images/bg_header.gif);color: #ff0;width: 100%}
    h1,h2{margin: 0;padding:0}
    h1{padding-left:0.5em;font: bold 2.3em/20px arial,serif;color:#993333;font-size: 16}
    h2{color: #999;font-size: 1.5em}
    div#footer a{color: #000000;font-weight: bold;text-decoration: underline}

    /*stili specifici per il layout*/
    div#navigation{background: url(images/bg_navigation.gif);position: absolute;
    top: 108px; /*l' altezza dell' header*/
    right: 0;

    text-align: center}
    div#content{margin left: 70em;padding: 1em;width: 74%;color:#000000;text-decoration: none;clear:all}
    div#content a{color:#003333}
    div#content a:hover{color:#993333}
    div#footer{text-align:center; padding: 0.5em; color: #000;clear:both}

    /*stili per la navigazione*/
    div#navigation ul{margin: 1em 0 1em 1em;padding: 0; list-style-type: none}
    div#navigation li{margin: 0;padding: 0}
    div#navigation a{color:#993333;font: normal bold 1.2em/1.6em arial,sans-serif;text-decoration: none}
    div#navigation a:hover{color: #009933;text-decoration: underline}
    div#navigation a#activelink{color: #993333;text-decoration: none}

    /*stili per le immagini*/
    .immagine-float {float: left}
    header (tutto il pezzo in alto)
    navigation (il menù a dx)
    content (il testo che andrebbe a sx del menù ma che va solo con firefox)
    footer (non c'è più devo toglierlo)

    grazie!

  2. #2
    Ricalcola le dimensioni del box in questione. Per iniziare azzera i margini e il padding. Poi , tendendo presente l'errata interpretazione di IE del box model, modella le dimensioni finchè non vedi una sintonia anche su IE. Il risultato è quasi sempre un compromesso con IE.

  3. #3
    ho fatto, con fatica, come mi hai detto thomas_anderson e finalmente ora il box centrale si vede.
    Domani cerco di allineare meglio il dx a destra che adesso è un pò sfasato.
    Ti ringrazio tanto!

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.