sito elastico con pagina poco elastica

[AleCiri]

ciao ragazzi
ho un problema con css
la mia pagina dovrebbe strecharsi in base alla risoluzione e dopo aver messo il menu (una serie di link uno dopo l'altro rinchiusi in 1 tag nobr) in un box css con l'aiuto di #box ho settato il bordo.
il problema è che i caratteri del menu nn si stretchano orizzontalmente come invece fanno il bordo del box e l'immagine appena sopra
vi scrivo il testo css:

html,body{
margin:0;
padding: 0em 0.5em 0.5em 0.5em;
}
body{
font-family: arial,sans-serif;
font-size: 76%;
}
div#container{

}
div#header{

}
div#navigation{
width:70%;
position: absolute;
top: 0.75em;
left:1em;
border: 0.3em ridge #FF553f;
border-width: 3px 0px 3px 0px;
border-style: double none double none;
}



ditemi se avete bisogno di sapere altro

[maggy]

scusa, ma non capisco bene il problema...

tu vorresti che il carattere del tuo menu di navigazione si SCALASSE a seconda della larghezza della finestra del browser del navigatore?

e poi... parli di un id #box, ma nel css non lo vedo...

in fine: servirebbe vedere anche il file html a cui colleghi il foglio di stile per capire meglio la pagina

[AleCiri]

grazie per la risp

no non vorrei che il testo shiftasse, ma che lo facessero i link del menu (che invece rimangono fermi)

per box intendevo il #navigation

cmq http://digilander.libero.it/aleciri83/ se vuoi vederlo e magari darmi qualche consiglio

il css è qui:
http://digilander.libero.it/aleciri8...file/style.css

[maggy]

allora, io ti scrivo del codice che puo aiutarti a fare quello che desideri, poi pero ti spiego per quali motivi, io risolverei diversamente

procediamo con ordine.
l'header del tuo sito si adatta in larghezza alla pagina, e tu vorresto che anche il menu si allargasse, giusto?
bhe, per fare questo io eliminerei la riga messa fra i tag <nobr> ed inserirei una <ul>:

<ul>[*]Chi Siamo
	[*]servizi
	[*]laboratori
        ecc....[/list]

e nel css metterei una cosa del genere:

ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 100%;
	}
li {
	display: inline;
	width: 33%;
	float:left;
	}

dove imposterai la width degli elementi li in modo opportuno (qui io ne avevo 3 ed ho messo 33%)...


passiamo alla seconda parte... come risolverei io.
io per gusto personale non amo i siti che tengono la larghezza di tutta la finestra, preferisco di gran lunga che il box che contiene i testi/menu ecc abbia una larghezza fissa (magari inferiore a 800px, in modo che una visualizzazione pressoche invariata sia garantita anche a coloro che hanno ancora schermi con risoluzione 800x600px).
inoltre trovo che l'immagine che si allarga perdendo ovviamente in qualita su schermi con risoluzione alta (io uso un 1440x900px) non sia di grande effetto, anzi... in piu espsndendosi solo in larghezza e nn in altezza si deforma non poco...

spero di esserti stata di aiuto



mag

[AleCiri]

si hai perfettamente ragione, ma sono perseguitato da sta scelta!!

personalmente avrei preferito anche io un sito con risoluzione fissa, ma ho deciso cosi perchè la grafica che posso raggiungere (dati i tempi e le retribuzioni) è banale in confronto a quello che avrei potuto fare usando flash(ma mancano i fondi), quindi al max metto dei max-higth e min-higth che mi risolvono il problema della deformazione


che dici?

ps: grazie mille

[maggy]

Originariamente inviato da AleCiri
personalmente avrei preferito anche io un sito con risoluzione fissa, ma ho deciso cosi perchè la grafica che posso raggiungere (dati i tempi e le retribuzioni) è banale in confronto a quello che avrei potuto fare usando flash(ma mancano i fondi),

mica devi usare per forza flash per un sito a larghezza fissa... coi css ci vuol davvero un secondo...
basta impostare la larghezza del box con

width: 700px;

quindi al max metto dei max-higth e min-higth che mi risolvono il problema della deformazione

atento che min e max height non vanno su tutti i browser... anzi... :rollo:

ps: grazie mille

de nada