Porre un livello a centro pagina

Dantedelle · 05-03-2007, 17:01

Ragazzi qualcuno sa dirmi come porre un livello, dove è contenuto un sito, a centro pagina...? a qualunque risoluzione...
Grazie

Leron · 06-03-2007, 09:40

livello

Viperfish · 06-03-2007, 09:40

non ho capito bene cosa intendevi fare, comunque questo è uno script che apre una div a centro pagina e la riposiziona quando ridimensioni il browser, è compatibile anche con firefox:

Codice:

<html>
<head>
</head>
<body onload="showDiv();" onResize="window.location.href = window.location.href;">

<script language="JavaScript">
	<!--
	function showDiv()
	{
		if (navigator.appName.indexOf("Microsoft")!=-1) {
		objDiv.style.top = document.body.clientHeight / 2 - 50;
		objDiv.style.left = document.body.clientWidth / 2 - 50;
		}else{
		objDiv.style.top = window.innerHeight / 2 - 50;
		objDiv.style.left = window.innerWidth / 2 - 50;
		}	
	}
	// -->
</script>

<div style="position:absolute; background-color: #dddddd; width: 100px; height: 100px; border: 2px #000000 solid" ID="objDiv">
FINESTRA
</div>

</body>
</html>

alle posizioni ricavate da javascript ho tolto 50 perchè la div è larga 100, ricordati solo di correggerlo se modifichi la dimensione della div

Leron · 06-03-2007, 10:02

Quote:

Originariamente inviato da Viperfish

non ho capito bene cosa intendevi fare, comunque questo è uno script che apre una div a centro pagina e la riposiziona quando ridimensioni il browser, è compatibile anche con firefox:

Codice:

<html>
<head>
</head>
<body onload="showDiv();" onResize="window.location.href = window.location.href;">

<script language="JavaScript">
	<!--
	function showDiv()
	{
		if (navigator.appName.indexOf("Microsoft")!=-1) {
		objDiv.style.top = document.body.clientHeight / 2 - 50;
		objDiv.style.left = document.body.clientWidth / 2 - 50;
		}else{
		objDiv.style.top = window.innerHeight / 2 - 50;
		objDiv.style.left = window.innerWidth / 2 - 50;
		}	
	}
	// -->
</script>

<div style="position:absolute; background-color: #dddddd; width: 100px; height: 100px; border: 2px #000000 solid" ID="objDiv">
FINESTRA
</div>

</body>
</html>

alle posizioni ricavate da javascript ho tolto 50 perchè la div è larga 100, ricordati solo di correggerlo se modifichi la dimensione della div

perchè tutto quel casino con i javascript quando con un semplice

text-align:centrer nel css dato come proprietà al Body risolvi tutti i problemi?

se il problema è solo fare un div centrale bastava quello

Viperfish · 06-03-2007, 10:15

Quote:

Originariamente inviato da Leron

perchè tutto quel casino con i javascript quando con un semplice

text-align:centrer nel css dato come proprietà al Body risolvi tutti i problemi?

se il problema è solo fare un div centrale bastava quello

perchè ha parlato di livello, insomma, dobbiamo capire che è sto livello!

Viperfish · 06-03-2007, 13:35

Quote:

Originariamente inviato da Leron

perchè tutto quel casino con i javascript quando con un semplice

text-align:centrer nel css dato come proprietà al Body risolvi tutti i problemi?

se il problema è solo fare un div centrale bastava quello

mmm effettivamente c'è un metodo più semplice, una tabella con posizione assoluta che copre l'intera pagina e contiene al suo interno una div allineata al centro, in questo modo andrebbe a sovrapporsi al contenuto presente all'interno della pagina, comunque attendiamo delucidazioni su quello che si vuole ottenere realmente

Codice:

<html>
<head>
</head>
<body>

<table style="position:absolute; top: 0px; left: 0px" width="100%" height="100%">
<tr>
<td align="center" valign="middle">
<div style="background-color: #dddddd; width: 100px; height: 100px; border: 2px #000000 solid">
FINESTRA
</div>
</td>
</tr>
</table>

</body>
</html>

Leron · 06-03-2007, 14:12

Quote:

Originariamente inviato da Viperfish

mmm effettivamente c'è un metodo più semplice, una tabella con posizione assoluta che copre l'intera pagina e contiene al suo interno una div allineata al centro, in questo modo andrebbe a sovrapporsi al contenuto presente all'interno della pagina, comunque attendiamo delucidazioni su quello che si vuole ottenere realmente

Codice:

<html>
<head>
</head>
<body>

<table style="position:absolute; top: 0px; left: 0px" width="100%" height="100%">
<tr>
<td align="center" valign="middle">
<div style="background-color: #dddddd; width: 100px; height: 100px; border: 2px #000000 solid">
FINESTRA
</div>
</td>
</tr>
</table>

</body>
</html>

PESSIMA soluzione, soprattutto sintatticamente è un obrobrio usare una tabella per contenere un div, va contro tutte le raccomandazioni possibili

poi scusa a che scopo usare una tabellaccia e fare tutti quei casini

quando semplicemente con un misero margin auto

Codice:

div#nomedeldiv {

	margin: 0 auto 0 auto;

}

fai la stessa identica cosa restando negli standard e nelle raccomandazioni

vedere per credere, tiè

http://www.zambotti.it/asd.html

più facile di così...

vi complicate la vita per niente

Viperfish · 06-03-2007, 14:24

Quote:

Originariamente inviato da Leron

PESSIMA soluzione, soprattutto sintatticamente è un obrobrio usare una tabella per contenere un div, va contro tutte le raccomandazioni possibili

poi scusa a che scopo usare una tabellaccia e fare tutti quei casini

quando semplicemente con un misero text-align nel css

Codice:

body {
text-align: center;
}

fai la stessa identica cosa restando negli standard e nelle raccomandazioni

vedere per credere, tiè

www.zambotti.it

tutto il sito sta nel div generale, che proprio per l'attributo center assegnato al body si posiziona in maniera centrale

più facile di così...

vi complicate la vita per niente

ok a mettere una div centrale è semplicissimo, ma io ho inteso come "livello" una div sovrapposta al testo in stile banner pubblicitario, forse ho troppa fantasia

Leron · 06-03-2007, 14:32

Quote:

Originariamente inviato da Viperfish

ok a mettere una div centrale è semplicissimo, ma io ho inteso come "livello" una div sovrapposta al testo in stile banner pubblicitario, forse ho troppa fantasia

che significa "un div sovrapposto al testo" ?

Viperfish · 06-03-2007, 14:44

Quote:

Originariamente inviato da Leron

che significa "un div sovrapposto al testo" ?

questo http://futurefog.altervista.org/ale/test.htm

Leron · 06-03-2007, 14:46

Quote:

Originariamente inviato da Viperfish

questo http://futurefog.altervista.org/ale/test.htm

e il senso di sta cosa, a parte far infuriare gli utenti come dei dannati?

cmq per quello la soluzione migliore è usare flash, almeno gli fai sopra un'animazione

05-03-2007, 17:01	#1
Dantedelle Junior Member Iscritto dal: Jan 2006 Messaggi: 14	Porre un livello a centro pagina Ragazzi qualcuno sa dirmi come porre un livello, dove è contenuto un sito, a centro pagina...? a qualunque risoluzione... Grazie __________________ Intel NUC8i7HNK - Intel Core i7-8705G Quad Core 3.1 GHz - AMD Radeon R9 M270X - 8 Gb DDR4-2400+ 1.2V SO-DIMM - Samsung 970 PRO NVMe SSD 512 Gb - Windows 10 PRo 64bit

06-03-2007, 09:40	#2
Leron Senior Member Iscritto dal: Aug 2002 Città: Trento Messaggi: 40877	livello __________________ http://www.trentografica.itGrafica e Fotografia a Trento

Strumenti
Mostra una versione stampabile Invia questa pagina per email