Struttura per un sito

**Nokao** · 27-08-2005, 14:49

Salve, sto realizzando un sito e vorrei un consiglio.

Vorrei che il sito occupasse sempre le dimensioni dello schermo (il massimo) ma non di piu'...

In pratica, c'e' un header in alto, un footer in basso, e un menu a sinistra (o destra).

Per ora li ho fatti con una tabella.

Io vorrei che la scroll bar che viene fuori (giustamente, quando il contenuto che sia a destra o a sinistra del menu diventa troppo per starci sullo schermo), appartenesse soltanto a quel riquadro.

Cioe' vorrei la scrollbar non per tutto il sito o per tutta la pagina, ma interna al contenuto del sito.

Se facessi un iframe per farlo... la pagina dovrebbe essere condita con tutti i tag html del caso... attualmente tutte le pagine le includo e quindi non hanno tag html al loro interno se non il minimo indispensabile per impaginare.

C'e' un'altro modo per farlo?
La textarea ad esempio devo per forza strutturarla con righe e colonne? non posso dargli delle percentuali?

Grazie.

P.S. Sto usando xhtml e css ma la risposta e' piu' da html

**Zero** · 27-08-2005, 15:46

Originariamente inviato da Nokao
Salve, sto realizzando un sito e vorrei un consiglio.

Vorrei che il sito occupasse sempre le dimensioni dello schermo (il massimo) ma non di piu'...

Dai uno sguardo qui

Cioe' vorrei la scrollbar non per tutto il sito o per tutta la pagina, ma interna al contenuto del sito.

Se facessi un iframe per farlo... la pagina dovrebbe essere condita con tutti i tag html del caso... attualmente tutte le pagine le includo e quindi non hanno tag html al loro interno se non il minimo indispensabile per impaginare.

C'e' un'altro modo per farlo?
La textarea ad esempio devo per forza strutturarla con righe e colonne? non posso dargli delle percentuali?

Potresti emulare gli iframe con i css:

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="it">
<head>
<title>Iframe Emulato</title>
<style>
.iframe {
width: 250px;
height: 250px;
overflow: auto;
border: 1px solid #000;
padding: 5px;
}
</style>
</head>

<body>
<div class="iframe">
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
</div>
</body>
</html>

P.S. Sto usando xhtml e css ma la risposta e' piu' da html

Se lo dici tu..

**andrea.paiola** · 27-08-2005, 15:53

quello che ti serve è un layout liquido (o fluido che dir si voglia)
http://www.html.it/layout_css/
e ti sconsiglio di usare i frame (fai una ricerca nel forum per maggiori info)

ps: spero che per i caratteri tu stia usando em e %!

**Nokao** · 27-08-2005, 17:39

Ti ringrazio per entrambi i link...............

Posso chiedere un'ulteriore aiuto?

Ho provato a sostituire il tuo iframe emulato e in effetti risolve il mio problema.

Pero', come setto le sue dimensioni?

Io vorrei fare un sito con:
Un menu a sinistra.
Un footer in basso.
Il contenuto del sito nello spazio che avanza.

Vorrei che tutto seguisse la pagina cioe' vorrei un layout liquido...

Ma vorrei che il contenuto della pagina avesse la sua scrollbar personale...
Vorrei che scomparissero tutte le altre scrollbar.

**andrea.paiola** · 27-08-2005, 17:46

quindi vuoi un layout a 2 colonne liquido..leggi:
http://www.html.it/layout_css/

per gli scroll:
http://www.domedia.org/oveklykken/css-div-scroll.php

**Zero** · 27-08-2005, 18:13

Originariamente inviato da Nokao
Ho provato a sostituire il tuo iframe emulato e in effetti risolve il mio problema.

Pero', come setto le sue dimensioni?

Semplice, ti basta cambiare la width e la height presenti nel suo style.. Guarda:

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="it">
<head>
<title>Iframe Emulato</title>
<style>
.iframe {
width: 250px; /* Equivale alla larghezza del box */
height: 250px; /* Equivale alla lunghezza del box */
overflow: auto;
border: 1px solid #000;
padding: 5px;
}
</style>
</head>

<body>
<div class="iframe">
contenuto.
</div>
</body>
</html>

Ma vorrei che il contenuto della pagina avesse la sua scrollbar personale...
Vorrei che scomparissero tutte le altre scrollbar.

Quindi vuoi che le scroll "classiche" (per intenderci, quella verticale e orizzontale del browser) vengano eliminate ? Ok..

Allora puoi usare il l'iframe emulato per il contenuto e, tramite css, eliminare le altre scroll..

Quindi il codice diventa così:

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="it">
<head>
<title>Iframe Emulato</title>
<style>
html, body{overflow:hidden} /* Elimina le altre scroll */

.iframe {
width: 250px; /* Equivale alla larghezza del box */
height: 250px; /* Equivale alla lunghezza del box */
overflow: auto;
border: 1px solid #000;
padding: 5px;
}
</style>
</head>

<body>
<div class="iframe">
contenuto.
</div>
</body>
</html>

P.S
Per i layout ti basta vedere i link

Ciao

**Nokao** · 27-08-2005, 21:41

Ok che dovevo cambiare width e height lo sapevo... ma se questo iframe deve allargarsi il piu' possibile, in base a quanto spazio c'e'?

Altra cosa... forse ho rivalutato e faccio un layout a 3 colonne.

Perche' e' l'unico della guida a non avere una versione liquida?

Discussione: Struttura per un sito

Strumenti discussione

Ricerca discussione

Visualizza

Struttura per un sito: scrollbar

Re: Struttura per un sito: scrollbar

Permessi di invio