Pagina 1 di 3 1 2 3 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 22

Discussione: aiuto con layout

  1. #1
    Utente di HTML.it L'avatar di supermac
    Registrato dal
    Jun 2001
    Messaggi
    1,881

    aiuto con layout

    Necessito del vostro aiuto per risolvere un problema su un layout di una pagina che credevo banale e invece mi sta facendo perdere i capelli.
    Il problema è nel div che ha id subcont nel codice che segue:
    subcont contiene un div per il menu e uno per i contenuti, di cui non posso conoscere a priori l'estensione e di cui non posso definire quindi una height.
    Succede che non indicando l'altezza di subcont, il div footer si posiziona sopra a subcont sul suo bordo superiore.

    Cosa devo fare per:
    1-mettere il footer che "segua", cioè che venga dopo, subcont?
    2-far si che il bordo arancio a dx di subcont si estenda per tutta la lunghezza di subcont (ovvero del più "alto" dei div che subcont contiene)?


    (se avete il FF col firebug dovreste individuare facilmente i div)
    <div id="container" style="position:absolute;width:955px;left:50%;marg in-left:-477px;">
    <div style="height:12px;background-color:#ff0000;position:relative;"></div>
    <div id="flashtop" style="width:955px;height:146px;background-color:#FFFFFF;position:relative;"></div>
    <div style="height:12px;background-color:#ff0000;position:relative;"></div>
    <div id="subcont" style="width:955px; border-right:1px; border-right-style: solid; border-right-color: #EF711B; position:relative;">
    <div id="menu" style="width:192px;background-color:#ff00ff;left:0;top:0;padding-top:32px;position:absolute;"></div>
    <div id="contenuto" style="right:0;top:0;width:750px; background-color:#00ffff; padding:5px;position:absolute;"></div>
    </div>
    <div id="footer" style="height:84px;background-color:#ff0000;position:relative;">
    <div style="width:100px;height:42px;position:absolute;l eft:46;top:15px;"></div>
    </div>
    </div>
    Grazie ai benefattori che mi aiuteranno!
    W la Ferari effetrenavenave!
    il computer è un somaro veloce! (neanche tanto ndr)

  2. #2
    1 - ce l'hai un link dove possiamo vedere la pagina?
    2 - cosa li metti a fare gli id e le classi se poi usi tutti gli stili inline? :master:

  3. #3
    Utente di HTML.it L'avatar di supermac
    Registrato dal
    Jun 2001
    Messaggi
    1,881
    1- no, sigh, però basta che copi il codice quotato in una pagina html e metti qualcosa nei div (testo o immagini) per vederli

    2- gli id li ho messi per far capire di quali div parlavo. Comunque quando avrò risolto il problema farò tutto con foglio di stile togliendo gli stili in linea.
    W la Ferari effetrenavenave!
    il computer è un somaro veloce! (neanche tanto ndr)

  4. #4
    Utente di HTML.it L'avatar di supermac
    Registrato dal
    Jun 2001
    Messaggi
    1,881
    hlp pls thx
    W la Ferari effetrenavenave!
    il computer è un somaro veloce! (neanche tanto ndr)

  5. #5
    comincia a togliere tutti i position
    poi cerca di trovarti un posto dove mettere questa pagina online
    e comincia a testarla con i vari browser


  6. #6
    Utente di HTML.it L'avatar di supermac
    Registrato dal
    Jun 2001
    Messaggi
    1,881
    intanto per vederlo:
    test
    W la Ferari effetrenavenave!
    il computer è un somaro veloce! (neanche tanto ndr)

  7. #7
    bene adesso trasferisci tutti gli stili nell'head del documento o in un file css

    ps e cancella quei position

  8. #8
    Utente di HTML.it L'avatar di supermac
    Registrato dal
    Jun 2001
    Messaggi
    1,881
    scusa ma non capisco cosa mi stai facendo fare: cosa cambia se stanno in linea o in un foglio css?
    W la Ferari effetrenavenave!
    il computer è un somaro veloce! (neanche tanto ndr)

  9. #9
    Utente di HTML.it L'avatar di supermac
    Registrato dal
    Jun 2001
    Messaggi
    1,881
    ad ogni modo obbedisco... refresh e vedi come viene
    W la Ferari effetrenavenave!
    il computer è un somaro veloce! (neanche tanto ndr)

  10. #10
    disponi di uno schema di lavoro più ordinato ed efficace
    perchè mano mano che aggiungi gli elementi alla pagina
    vedrai che la loro disposizione cambia a seconda del browser e del device che li visualizza
    quindi ti sarà più facile intervenire e correggere

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.