CSS...dinamico? Altezza div variabile, ma con immagine come bordo

Malware

Utente Attivo
19 Lug 2012
112
0
0
Ciao a tutti e buona domenica:eek:

Non sapevo se aprire qui la discussione o in PHP, comunque ora vi spiego, dato che dal titolo non si capisce molto.

LINK SCREENSHOT PAGINA

Qua sopra avete lo screenshot.
Spiego un po' il problema.
Ho quel div con background-image quell'immagine sfondo marroncino con due colonne stile greco come bordi destro e sinistro.
La domanda è: la lista di edifici che il giocatore può costruire varia in base alle ricerche che ha effettuato.
Ad esempio soli 4 edifici non ci stanno in quel poco spazio.
Come faccio per rendere quel div "dinamico" potendo sempre usare quelle due colonne carine come bordo?

Ho pensato ad una barra di scorrimento verticale ma è brutta da vedere:)

Grazie mille in anticipo!:fonzie:
 

Jonn

Utente Attivo
29 Dic 2012
352
3
18
Pistoia
Basta che ci nidifichi i div contenenti i dati gli edifici e dai a questi div un float, logicamente il div contenitore (quello che ha i bordi laterali) deve avere una larghezza fissa.
In questo modo quando inserisci un div dentro che non c'entra orizzontalmente, invece di allargare il div contenitore, il div va automaticamente a capo.

PS. Se vuoi te lo faccio io
 

Malware

Utente Attivo
19 Lug 2012
112
0
0
Intanto grazie per la risposta.
Ammetto di aver capito pochissimo di quello che hai scritto:(
Non voglio approffotare di te, grazie lo stesso ma vorrei anche farlo da solo in modo da imparare:)
Comunque, l'immagine di background del div centrato verrá ridimensionata se aggiungo edifici e diventerà più lunga, quindi perderà qualità no?
 

Jonn

Utente Attivo
29 Dic 2012
352
3
18
Pistoia
No:

HTML:
<div class="corpopagina">Qui dentro ci vanno i div con gli edifici</div>

e il codice CSS:
Codice:
.corpopagina {background:url('img/paper.gif') repeat-y;}
 

Malware

Utente Attivo
19 Lug 2012
112
0
0
Ah ok grazie, ora ho capito!
Ma facendo così la larte alta e bassa delle colonne verrà ripetuta no?
E se volessi evitare questo?
Dovrei fare un div con la parta alta, sotto uno come quello che hai fatto te con la parte centrale delle colonne ed infine uno sotto?
 
Discussioni simili
Autore Titolo Forum Risposte Data
nourdine css dom e passaggio dinamico del nome della proprietà css Javascript 0
K Menu dinamico con file .css ASP.NET 1
Z CSS Slideshow senza JS e JQUERY HTML e CSS 0
Z CSS Slideshow senza JS e JQUERY HTML e CSS 2
S problema con css bootstrap3 HTML e CSS 4
L Sovrascrivere CSS iframe su dominio diverso WordPress 0
E CSS non riconosciuto PHP 1
Shyson [CSS] Posizionare casella di ricerca HTML e CSS 3
Shyson Centrare box css HTML e CSS 2
R Primo script in PHP / CSS PHP 4
S non funzionano alcuni effetti (bottone futuristico creato con css) HTML e CSS 1
V [CSS] Uso degli id HTML e CSS 2
I creazione stile css HTML e CSS 3
M [Javascript] Canvas js css Javascript 1
M Programmazione web HTML, CSS e JavaScript Offerte e Richieste di Lavoro e/o Collaborazione 6
P [WordPress] Messaggio di errore in file style.css WordPress 0
D Aggiungere file .css esterno su Android HTML e CSS 4
F [JavaScript] Ottenere il CSS dopo transform: scale() e transform-origin Javascript 0
StephenSoftware Flexbox: definizione nel CSS HTML e CSS 4
Tommy03 Variabile PHP per impostare una proprietà CSS PHP 2
R javascript lettura css cross-browser Javascript 1
U [WordPress] [CSS] Come faccio a spostare più in basso lo slider WordPress 0
L [Javascript]Alternativa al position:sticky nel CSS Javascript 0
A Strumenti per filtrare il css HTML e CSS 1
S Il Css non si aggiorna, svuotata cache HTML e CSS 6
N [css] :active HTML e CSS 1
Shyson [WordPress] [CSS] Formattare casella WordPress 0
Shyson [CSS] Titolo del sito cambia dimensione HTML e CSS 2
A icone css in selectmenu jQuery 2
M Problematica CSS (tag html,body) HTML e CSS 4
W [C#] Il componente "WebBrowser" non mi esegue css e javascript .NET Framework 0
W inclusioni css in eccesso, cosa fare? HTML e CSS 1
M [WordPress] Modifiche CSS su lightbox WordPress 2
T countdown da sistemare con i CSS... HTML e CSS 4
Y Finestra dialogo CSS Modal HTML e CSS 6
L [css e html] destra e sinistra (menu navigazione) HTML e CSS 3
P [Gratuito][Cerco] qualcuno per fare menu a tendina ottimizzato per mobile-responsive con css e html Offerte e Richieste di Lavoro e/o Collaborazione 3
D How to learn HTML and CSS? HTML e CSS 2
M CSS posizionamento stile HTML e CSS 2
I [HTML/CSS] Consigli sul mio primo sito HTML e CSS 9
V Galleria con CSS e Javascript Javascript 2
C CSS pagina a schermo intero HTML e CSS 3
V Menù CSS da file in cartella esterna HTML e CSS 4
Koboshi Cambiare il css di una pagina con tasto "on off" HTML e CSS 5
V [WordPress] Come modificare link in tasto menu css WordPress 21
S [Javascript] [CSS] Spazio Bianco tra Slider e Menu foto Javascript 6
I [CSS] Galleria immagini non funziona HTML e CSS 12
M [css][php] codice php esterno non vede il css PHP 6
J XML e css XML 0
L Navbar dropdown con Bootstrap: link ai css CMS (Content Management System) 4

Discussioni simili