problema con la visualizzazione della pagina

**cesaroski** · 01-10-2012, 19:54

salve a tutti,
ho creato una pagina web ma ho scoperto che ogni volta che vado a ridimensionare la finestra del browser la mia pagina invece di fare come fanno tutte le pagine web cioè ti danno la barra per andare su e giù e a destra e sinistra, la mia si ridimensiona tutta cambiando completamente l'aspetto, come faccio a far si che sia normale come le altre? Se sono stato poco chiaro allora ditemelo che metto un esempio.

**luca1962** · 01-10-2012, 21:00

Originariamente inviato da cesaroski
... la mia si ridimensiona tutta cambiando completamente l'aspetto...

Cosa vuoi dire?

**cesaroski** · 01-10-2012, 21:30

Ecco un esempio del fenomeno che accade al mio sito, noterete che ridimensionando la finestra tutto si scompiglia, stesso la grandezza del monitor influisce su di esso...
..........................................
html
..........................................
<!DOCTYPE HTML PUBLIC
"-//W£C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd>
<html>
<head>
<link rel="icon" type="image/ico" href="favicon.ico">
<link rel="stylesheet" type="text/css" href="stylesheet.css"/>
<title>I Pappagalli</title>
</head>
<body>
<center>
<h1>I Pappagalli</h1>
<div id="contents">
<h4>
Immagini
Home
FAQ
</h4>
</div>
<h2>Cosa Sono I Pappagalli?</h2>

I pappagalli sono uccelli, volano, sono carini, parlano. Con il termine pappagallo (Psittacidae, Illiger 1811)
s'intende una numerosa famiglia di uccelli, appartenenti all'ordine Psittaciformes. Un tempo le due
famiglie Psittacidae e Cacatuidae erano riunite in un'unica famiglia.</p>
<h2> Dove Abitano?</h2>

I pappagalli sono diffusi principalmente nelle zone tropicali e subtropicali del mondo
, come l'America Latina, l'India, l'Asia sudorientale, l'Africa e l'Oceania.</p>
<h2> Quali Sono Le Loro Caratteristiche?</h2>

Le loro caratteristiche principali sono:

il becco ricurvo, simile a quello dei rapaci, specializzato però nell'aprire frutti o semi legnosi

la mandibola superiore non è fusa con il cranio, ciò permette maggiori movimenti sciolti con il becco e la testa

la posizione del corpo, solitamente eretta

il numero delle dita delle zampe, quattro, opposte a coppie tra loro (sono zigodattili)

moltissime specie riescono poi ad imitare suoni o addirittura la voce umana.</p>

[img]advert.jpg[/img]</p>
</center>

</body>
</html

........................................
stylesheet.css
........................................
h2,h3{color:yellow; font-family:"Arial Black"; font-weight:bold;}
body{background:green; text-align:justify;}
h4{background:green; font-weight:bold; word-spacing:30px; padding:1px;font-family:"Arial Black";}
p{color:yellow; font-family:"Arial Black";padding:10px;margin-left:400px;margin-right:400px;text-align:justify;}
a{background:yellow;padding:2px;width:3px;height:2 px; border-style:solid;}
a:focus,a:hover{background:#72B720;}
#img{border-style:solid;border-color:yellow;border-width:3px;}
h1{color:yellow; font-family:"Arial Black"; font-weight:bold; border-style:solid; border-width:6px;
border-color:yellow;margin-left:800px;margin-right:800px;}
img#pub{border-style:solid;border-color:yellow; border-width:3px; margin-left:350px;}

**Vincent.Zeno** · 02-10-2012, 01:40

ciao cesaroski e benvenuto

ricorda che, per postare codice sul forum, sei tenuto ad utilizzare il tag [CODE][/CODE]

buon lavoro

**cesaroski** · 02-10-2012, 07:22

Ok scusate non avevo notato che si poteva fare.

**wider** · 02-10-2012, 17:36

prova ad inserire nel css

codice:

body { min-width: 1000px; }

...con al posto di 1000 la dimensione minima in cui tutto funziona bene ;-)

**cesaroski** · 02-10-2012, 18:18

ok grazie ora alcuni elementi vanno bene però il testo continua a dare problemi schiacciandosi...

**wider** · 02-10-2012, 18:23

aumenta quel numero.
in ogni caso il codice è abbastanza sporco (p.es il tag center è deprecato) e comunque lì non va bene).
Il problema comunque è qui:

codice:

p{color:yellow; font-family:"Arial Black";padding:10px;margin-left:400px;margin-right:400px;text-align:justify;}

Sostituisci con:

codice:

p{color:yellow; font-family:"Arial Black";padding:10px;margin: auto; width: 400px; text-align:justify;}

(Cambia il valore di "width" come meglio credi - rappresenta la larghezza del blocco. Margin:auto serve a centrare il blocco.)

**cesaroski** · 02-10-2012, 19:09

credo di aver sbagliato esempio, era più opportuno farvi vedere questo... il problema come al solito è il testo e il contenitore di tutti gli elementi. il logo è tra gli allegati.
................................................

codice:

<!doctype html>


<html>
<head>

<title>ESEMPIO DI SITO</title>
<link rel="stylesheet" type="text/css" href="stylesheet1.css">

</head>
<body>
<div id="out">
<div id="in">
<h6>p</h6>
[img]logo.jpg[/img]


Cantami o Diva, del Pelide Achille
l'ira funesta che infiniti addusse
lutti agli Achei, molte anzi tempo all'Orco
generose travolse alme d'eroi,
e di cani e d'augelli orrido pasto
lor salme abbandonò (così di Giove
l'alto consiglio s'adempìa), da quando
primamente disgiunse aspra contesa
Il re de' prodi Atride e il divo Achille.Cantami o Diva, del Pelide Achille
l'ira funesta che infiniti addusse
lutti agli Achei, molte anzi tempo all'Orco
generose travolse alme d'eroi,
e di cani e d'augelli orrido pasto
lor salme abbandonò (così di Giove
l'alto consiglio s'adempìa), da quando
primamente disgiunse aspra contesa
Il re de' prodi Atride e il divo Achille.Cantami o Diva, del Pelide Achille
l'ira funesta che infiniti addusse
lutti agli Achei, molte anzi tempo all'Orco
generose travolse alme d'eroi,
e di cani e d'augelli orrido pasto
lor salme abbandonò (così di Giove
l'alto consiglio s'adempìa), da quando
primamente disgiunse aspra contesa
Il re de' prodi Atride e il divo Achille.Cantami o Diva, del Pelide Achille
l'ira funesta che infiniti addusse
lutti agli Achei, molte anzi tempo all'Orco
generose travolse alme d'eroi,
e di cani e d'augelli orrido pasto
lor salme abbandonò (così di Giove
l'alto consiglio s'adempìa), da quando
primamente disgiunse aspra contesa
Il re de' prodi Atride e il divo Achille.</p>

<div id="navbar">
il tabo </br></br>
algebra1
</div>
</div>
</div>
</body>
</html>

.................................................. ..................

codice:

body{background-color:#CDB79E;}
div#out{padding-top:150px; padding-left:50px; padding-right:50px;background-color:#CDB79E;}
div#in{border-style:ridge; border-width:10px;border-color:#EED5B7;background-color:white;}
p{color:#8B7D6B; margin-left:340px; size:10px; font-size:20px; position:absolute; top:170px; right:75px; left:150px}
div#navbar{position:absolute; top:320px; left:170px; font-size:50px;}
h6{padding-bottom:300px; color:white}
a{text-decoration:none; color:#8B7D6B;}
a:focus,a:hover{ border:2px outset #EED5B7; background-color:#EED5B7;}
img{position:absolute; top:170px}

**cesaroski** · 02-10-2012, 19:09

credo di aver sbagliato esempio, era più opportuno farvi vedere questo... il problema come al solito è il testo e il contenitore di tutti gli elementi. il logo è tra gli allegati.
................................................

codice:

<!doctype html>


<html>
<head>

<title>ESEMPIO DI SITO</title>
<link rel="stylesheet" type="text/css" href="stylesheet1.css">

</head>
<body>
<div id="out">
<div id="in">
<h6>p</h6>
[img]logo.jpg[/img]


Cantami o Diva, del Pelide Achille
l'ira funesta che infiniti addusse
lutti agli Achei, molte anzi tempo all'Orco
generose travolse alme d'eroi,
e di cani e d'augelli orrido pasto
lor salme abbandonò (così di Giove
l'alto consiglio s'adempìa), da quando
primamente disgiunse aspra contesa
Il re de' prodi Atride e il divo Achille.Cantami o Diva, del Pelide Achille
l'ira funesta che infiniti addusse
lutti agli Achei, molte anzi tempo all'Orco
generose travolse alme d'eroi,
e di cani e d'augelli orrido pasto
lor salme abbandonò (così di Giove
l'alto consiglio s'adempìa), da quando
primamente disgiunse aspra contesa
Il re de' prodi Atride e il divo Achille.Cantami o Diva, del Pelide Achille
l'ira funesta che infiniti addusse
lutti agli Achei, molte anzi tempo all'Orco
generose travolse alme d'eroi,
e di cani e d'augelli orrido pasto
lor salme abbandonò (così di Giove
l'alto consiglio s'adempìa), da quando
primamente disgiunse aspra contesa
Il re de' prodi Atride e il divo Achille.Cantami o Diva, del Pelide Achille
l'ira funesta che infiniti addusse
lutti agli Achei, molte anzi tempo all'Orco
generose travolse alme d'eroi,
e di cani e d'augelli orrido pasto
lor salme abbandonò (così di Giove
l'alto consiglio s'adempìa), da quando
primamente disgiunse aspra contesa
Il re de' prodi Atride e il divo Achille.</p>

<div id="navbar">
il tabo </br></br>
algebra1
</div>
</div>
</div>
</body>
</html>

.................................................. ..................

codice:

body{background-color:#CDB79E;}
div#out{padding-top:150px; padding-left:50px; padding-right:50px;background-color:#CDB79E;}
div#in{border-style:ridge; border-width:10px;border-color:#EED5B7;background-color:white;}
p{color:#8B7D6B; margin-left:340px; size:10px; font-size:20px; position:absolute; top:170px; right:75px; left:150px}
div#navbar{position:absolute; top:320px; left:170px; font-size:50px;}
h6{padding-bottom:300px; color:white}
a{text-decoration:none; color:#8B7D6B;}
a:focus,a:hover{ border:2px outset #EED5B7; background-color:#EED5B7;}
img{position:absolute; top:170px}

Discussione: problema con la visualizzazione della pagina

Strumenti discussione

Ricerca discussione

Visualizza

problema con la visualizzazione della pagina

Re: problema con la visualizzazione della pagina

Le mie scuse

ancora niente

ok ma aiutatemi con questo altro esempio

ok ma aiutatemi con questo altro esempio

Permessi di invio