Dimensionamento 100%

**§sunmoon§** · 30-08-2005, 18:57

Ciao again

Ho bisogno del vostro aiuto

Non riesco a dire alla pagina intera e al div container che devono essere alti il 100%.
Ho messo il "min-height", ho provato con "!important" ... ho parlato con l'icona di Firefox e ho invitato a cena il sig. Explorer.
Tutto inutile. Non capisco cosa devo fare e mi sto mangiando il fegato. -.-

A questa pagina potete vedere come è adesso:
http://www.katya.it/progettiweb/katyazen05/art.html
Se le immagini di preview (quadratini colorati) sono pochine, il problema non sussiste, la pagina si dimensiona al 100%,
ma se le aumento accade quello che vedete e non deve accadere.
Il background bianco a destra deve andare fino giù e l'img grande a sinistra deve stare attaccata giù pure lei.
E anche i ghirigori ai lati, uffy

Qui c'è il css:
http://www.katya.it/progettiweb/katyazen05/pgs.css

Ringrazio in anticipo qualsiasi anima pia riesca ad aiutarmi. Scusate per l'ignoranza ma non ci arrivo

SunMoonDepressa

**NetEscape** · 30-08-2005, 20:29

min- height:100%;

dovrebbe essere min-height.

P.S. I colori sono stu-pen-di! pastelli, pastelli,

**§sunmoon§** · 30-08-2005, 21:42

Grazie

Ma purtroppo non è nemmeno quello.
Ma è così difficile dire ad un div dimensionati al 100%

**NetEscape** · 31-08-2005, 18:19

Prova ad impostare così: se hai un div#content puoi usare un background che simuli una colonna, così:

#content {
background: #fff url(nav.gif) repeat-y top right;
}

In questo modo la parte andrà giù fino al 100% dell'altra. prova!

**NetEscape** · 31-08-2005, 20:11

Un articolo utile:
http://www.constile.org/tips/min-height/#CONTENUTI

**§sunmoon§** · 31-08-2005, 21:02

Ora sto crollando dal mal di testa.
Comincio col ringraziarti.
Domani testo, leggo e ti so dire.

Grazie ancora.
Katya

**Saturno83** · 01-09-2005, 10:23

ciao.

io ho fatto questo script ma in realtà non credo sia consentito impostare uno stile all' "html"

codice:

<?xml version="1.0" encoding="iso-8859-1"?>
<!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" style="height:100%;">
<head>
<title>Documento senza titolo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style>
.prova {
	display:block;
	background:#000080;
	width:100px;
	min-height:100%;
	height: auto !important; 
	height: 100%;
}
</style>

</head>

<body style="height:100%; margin:0px;">


<div class="prova">
prvoa

</div>


</body>
</html>

**Mich_** · 01-09-2005, 10:29

Lo stile all'html si deve impostare, ma la sintassi che normalmente si usa e` un'altra:

codice:

<?xml version="1.0" encoding="iso-8859-1"?>
<!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">
<head>
<title>Documento senza titolo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style>
html {
	height:100%;
	/* ... */
}
body {
	height:100%;
	margin:0px;
}
.prova {
	display:block;
	background:#000080;
	width:100px;
	min-height:100%;
	height: auto !important; 
	height: 100%;
}
</style>

</head>

<body>


<div class="prova">
prvoa

</div>


</body>
</html>

**Saturno83** · 01-09-2005, 12:17

Originariamente inviato da Mich_
Lo stile all'html si deve impostare, ma la sintassi che normalmente si usa e` un'altra:

codice:

...

giusto... grazie

**§sunmoon§** · 11-09-2005, 12:55

Niente, non funziona.
Probabilmente ho pasticciato io.

Rifaccio tutto da capo!

Discussione: Dimensionamento 100%

Strumenti discussione

Ricerca discussione

Visualizza

Dimensione

Permessi di invio