adattare pagina web a risoluzione video

**produ** · 08-01-2008, 19:33

Ciao a tutti..
ho creato la mia pagina web con illustrator e lho esportata con i css..in modo tale che da crearmi la pagina web in automatico..
ma una volta aperta la pagina html, ho notato che c'era una banda bianca a destra..e che era presente la barra di scorrimento verticale, perkè la pagina creata era un cincinino piu grande della dimensione della finestra..
questo perke con illustrator ho creato una poagina 800*600...
sapete per caso qual'è la dimensione esatta della finestra di un browser in modo tale da ricreare la pagine in illustrator e farla adattare perfettamente alla pagina della finestra??

grazie

**Myaku** · 08-01-2008, 20:08

prendendo come riferimento i monitor 800x600, la larghezza è 760px.
Per l'altezza, dipende: navigazione a tab oppure no, presenza o meno di toolbars ....

Cyà

**produ** · 08-01-2008, 20:28

ma se la larghezza effetiva è di 760px come mai mi rimane una banda bianca a destra..??
eppure l'immagine che ho è 802px*600..

**Myaku** · 08-01-2008, 20:31

codice o link?

**produ** · 08-01-2008, 20:33

lavoro in localhost quindi codice..

codice:

<HTML>
<HEAD>
<TITLE>home2</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">

<STYLE TYPE="text/css">
<!--

#home-01 {
	position:absolute;
	left:0px;
	top:0px;
	width:802px;
	height:153px;
}

#home-02 {
	position:absolute;
	left:0px;
	top:153px;
	width:184px;
	height:113px;
}

#home-03 {
	position:absolute;
	left:184px;
	top:153px;
	width:434px;
	height:101px;
}

#home-04 {
	position:absolute;
	left:618px;
	top:153px;
	width:184px;
	height:113px;
}

#home-05 {
	position:absolute;
	left:184px;
	top:254px;
	width:434px;
	height:12px;
}

#home-06 {
	position:absolute;
	left:0px;
	top:266px;
	width:802px;
	height:53px;
}

#home-07 {
	position:absolute;
	left:0px;
	top:319px;
	width:802px;
	height:225px;
}

#home-08 {
	position:absolute;
	left:0px;
	top:544px;
	width:632px;
	height:56px;
}

#home-09 {
	position:absolute;
	left:632px;
	top:544px;
	width:145px;
	height:31px;
}

#home-10 {
	position:absolute;
	left:777px;
	top:544px;
	width:25px;
	height:56px;
}

#home-11 {
	position:absolute;
	left:632px;
	top:575px;
	width:145px;
	height:25px;
}

-->
</STYLE>

</HEAD>
<BODY STYLE="background-color:#FFFFFF; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px;">

<DIV ID="home-01">
	[img]immagini/home_01.jpg[/img]
</DIV>
<DIV ID="home-02">

	[img]immagini/home_02.jpg[/img]
</DIV>
<DIV ID="home-03">
	[img]immagini/home_03.jpg[/img]
</DIV>
<DIV ID="home-04">
	[img]immagini/home_04.jpg[/img]
</DIV>
<DIV ID="home-05">
	[img]immagini/home_05.jpg[/img]
</DIV>
<DIV ID="home-06">
	[img]immagini/home_06.jpg[/img]

</DIV>
<DIV ID="home-07">
	[img]immagini/home_07.jpg[/img]
</DIV>
<DIV ID="home-08">
	[img]immagini/home_08.jpg[/img]
</DIV>
<DIV ID="home-09">
	[img]immagini/home_09.jpg[/img]
</DIV>
<DIV ID="home-10">
	[img]immagini/home_10.jpg[/img]
</DIV>

<DIV ID="home-11">
	[img]immagini/home_11.jpg[/img]
</DIV>

</BODY>
</HTML>

**Myaku** · 08-01-2008, 20:42

VVoVe: che disastro di codice!!!

comunque, facendo riferimento ai box (ovviamente non posso verificare le immagini), io alla risoluzione di 800x600 lo scroll orizzontale lo vedo, come in effetti dovrebbe essere.

**produ** · 08-01-2008, 20:50

per fortuna nn lho scritto io..

lo scroll orizzontale..?
ma a me c'è lo scroll verticale..non quello orizzontale..
il punto infatti è ke la pagina in altezza è un attimino piu alta di qnt dovrebbe essere..quindi c'è lo scroll verticale..ed è allo stesso tempo meno larga di quanto dovrebbe essere..e per questo c'è una banda bianca a destra..

**Myaku** · 08-01-2008, 21:02

Originariamente inviato da produ
per fortuna nn lho scritto io..

lo scroll orizzontale..?
ma a me c'è lo scroll verticale..non quello orizzontale..
il punto infatti è ke la pagina in altezza è un attimino piu alta di qnt dovrebbe essere..quindi c'è lo scroll verticale..ed è allo stesso tempo meno larga di quanto dovrebbe essere..e per questo c'è una banda bianca a destra..

perdonami la domanda idiota, ma hai settato il tuo monitor a 800x600?

**produ** · 08-01-2008, 21:20

be proprio idiota non è..
se magari qlcn me lo diceva l'avrei pure fatto..
senti ma ora è tutto uno skifo..si vede tutto sfocato...a partire dal desktop..come posso rivedere tutto chiaramente come prima..

**produ** · 08-01-2008, 22:35

non capisco ora..quale potrebbe essere la soluzipone migliore da adottare??
ovvero..quanti computer come me vedono il sito allineato a sinistra con la banda bianca a destra..e quanti lo vedono con risoluzione 800*600 in maniera centrata??

a me serve che l'home page non abbia scroll ne orizzontali ne verticali..ne per chi ha risoluzione 800*600 ne per chi ce lha da 1024..

Discussione: adattare pagina web a risoluzione video

Strumenti discussione

Ricerca discussione

Visualizza

adattare pagina web a risoluzione video

Permessi di invio