posizionamento particolare

[Sclerato]

Ciao,
premesso che mi si son letto decine di pagine, sono ripartito dalle basi dei ccs, le varie guide qui su html.it ecc....e che mi sta assolutamente per fondere il cervello !

Premesso questo....
senza mettere una paginata e mezza di codice che pochi o nessuno leggera', giustamente aggiungerei, il tempo e' tiranno per tutti si sa....espongo prima l'obbiettivo.

Devo fare una pagina, composta da due cose soltanto:
- un filmato flash
- un footer con del semplice testo (in un div)

Le caratteristiche che sto cercando di dare sono:
per il footer:
attaccato in fondo alla pagina, subito sopra la barra di stato, largo quanto lo schermo alto una dmensione fissa. Indipendentemente dalla dimensione della finestra del browser lui deve stare in quella posizione.

Il filmato flash si deve adattare alla porzione di pagina che rimane sopra al footer, sia in altezza che in larghezza, sempre indipendentemente dalla dimensione della finestra del browser.

Nessun bordo, margine, padding o altro.
Schematizzando...

|-------------------------|
|                         |
|                         |
|        filmato          |
|                         |
|                         |
|-------------------------|
|         footer          |
|-------------------------|

DOVREBBE essere una soluzione semplice !

Una domanda, spero che abbiate voglia e tempo di rispondermi, come fareste per realizzarlo ??
Ovviamente cross-browser.

[Al_katraz984]

Io parlo per esperienza mia.. Non sono del tutto sicuro di quello ke dico.

Allora per il footer puoi guardare qui: Link

Se non capisci qualcosa chiedi pure...

Per il filmato flash.. farlo come dici tu credo nn sia possibile.. xke dovresti avere un qualcosa ke possa essere visibile ottimamente con qualsiasi risoluzione, penso sia quasi impossibile (magari sparo una cacchiata VVoVe: ).. Una via di fuga potrebbe essere però un filmato 600x800 (ormai la risoluzione piu bassa ke c'è in giro credo) e posizionarlo centrato nella pagina cosi le risoluzioni piu alte si troveranno il filmato in centro pagina con il margine di scarto in aggiunta.. e giocando con i colori del bordo lo potresti far risultare lo stesso come un'unico filmato..

Ripeto.. può essere ke ci sia un modo diverso ma purtroppo nin zò..

[Sclerato]

Originariamente inviato da Al_katraz984
Io parlo per esperienza mia.. Non sono del tutto sicuro di quello ke dico.

Allora per il footer puoi guardare qui: Link

Se non capisci qualcosa chiedi pure...

Per il filmato flash.. farlo come dici tu credo nn sia possibile.. xke dovresti avere un qualcosa ke possa essere visibile ottimamente con qualsiasi risoluzione, penso sia quasi impossibile (magari sparo una cacchiata VVoVe: ).. Una via di fuga potrebbe essere però un filmato 600x800 (ormai la risoluzione piu bassa ke c'è in giro credo) e posizionarlo centrato nella pagina cosi le risoluzioni piu alte si troveranno il filmato in centro pagina con il margine di scarto in aggiunta.. e giocando con i colori del bordo lo potresti far risultare lo stesso come un'unico filmato..

Ripeto.. può essere ke ci sia un modo diverso ma purtroppo nin zò..

Guarda per il footer, piu' o meno ero gia' riuscito a farlo, anche se ci sono alcune differenze IE /firefox che vorrei eliminare.
Per il secondo discorso e' possibile farlo, primo in quanto flash e' vettoriale e al variare della dimensione del filmato non perde qualita', secondo per il rapporto dimensione/schermo basta mantenere un ratio adatto tra altezza e larghezza del filmato (per esempio 800x600 ha un ratio di 4:3) e non si dovrebbe avere una distorsione eccessiva.


Ho messo online la pagina in questione, http://www.sclerato.com/test.html cosi potete dare un'occhiata direttamente a quello che succede.

Io sto provando ancora ma prevedo un'altra luuuunga giornata !

ps. il javascript serve per evitare che IE richieda di attivare il filmato flash, non fa altro.

[Al_katraz984]

Woow bello..

a,
a:link
a:active
a:visited {
text-decoration: underline;
background-color: inherit;
color: #FFF;
}

Qui mancano un pò di virgole... e scrivili in linea..

a, a:link, a:active, a:visited {
text-decoration: underline;
background-color: inherit;
color: #FFF;
}

Poi secondo me ti conviene lavorare con il CSS esterno.. Cosi la pagina nn si appesantisce troppo e lo trovo piu pratico.. buh vedi te cmq..

[Sclerato]

Ok correggo le virgole.

Si il css e' esterno in realta', il tutto e' in un CMS in php, quella e' una pagina fatta al volo per questo problema.

[Sclerato]

Pare che ho risolto.
L'unica cosa e' uno spazio tra il movie e il footer, che sicuramente dipende dal css.
Pero' mettendo uguali i colori di sfondo non si vede e mi va bene cosi.
Metto il codice completo per correttezza.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<html>
<head>
<title>Documento senza titolo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css" media="screen">
<!--
*, body, html {
	margin:0;
	padding:0;
	width:100%;
}

body, html {
	height:100%;
}

body {
   overflow:hidden;
}

a,a:link,a:active,a:visited {
   text-decoration: underline;
   background-color: inherit; 
   color: #FFF; 
}

a:hover {
   text-decoration: none;
   background-color: #FFF;
   color: #000;
}

div#container{
	height:100%;
	background-color: #61829D;
	color: #FFF;
}

div#footer {
	position: absolute;
	display:block;
	height: 30px;
	line-height: 30px;
	background-color: #61829D; /* come nel div#container per nascondere lo spazio tra movie e footer*/
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	color: #FFF;
	bottom:0;
	left:0;
}
-->
</style>
</head>

<body>

<div id="container">
<EMBED src="/images/cms/test.swf" quality="high" scale="exactfit" wmode="transparent" bgcolor="#FFFFFF" width="100%" height="100%" TYPE="application/x-shockwave-flash" pluginpage="http://www.macromedia.com/go/getflashplayer"></EMBED>
<script type="text/javascript" src="images/cms/ieupdate.js"></script>

<div id="footer">
{content}
</div> 
</div> 
</body>
</html>