Website per Sciclub - Problemi angoli arrotondati

[seymour91]

Salve a tutti,
premettendo che sono un semineofita nel campo passo al dunque:
mi è stat incaricato di creare un sito per uno Ski Club. Avevo predisposto di impostarlo sulla base della guida "Un Sistema a Template con CSS e PHP".
Naturalmente ho predisposto prima l'impianto grafico. Che più o meno dovrebbe essere questo.
Ora il problema sta nella creazione delle due sezioni sidebar a sx e content al centro. Esse hanno gli angoli arrotondati e l'ombra. Come devo fare per creare il box a larghezza fissa e ad altezza fluida?

Inoltre come mi consigliate di impiantare il markup?

Io pensavo ad una cosa del genere:

[B]
<div id="container">
    <div id="header"></div> 
<--Qui gradirei che qualcuno mi consigliasse qualche tecnica di Image Replacement--->
    <div id="container2"> <--Contiene la sidebar e il content-->
       <div id="sidebar"></div> 
       <div id="content"></div>
    </div>
<--qui mi dovete dire come annidare i div per gli angoli arrotondati-->
    <div id="footer"></div>
</div>
[/B] 

Attendo consigli

[ricman]

Originariamente inviato da seymour91
"Un Sistema a Template con CSS e PHP".

...e già questa frase, rivolta a un forum che sichiama "xhtml e html", dovrebbe farti riflettere

Originariamente inviato da seymour91
hanno gli angoli arrotondati e l'ombra.

Potresti provare i "nifty corners"

Originariamente inviato da seymour91
Come devo fare per creare il box a larghezza fissa e ad altezza fluida?

Basta che nel css indichi un width in px e non un usi il "height:..."



Il tag B lascialo perdere. Poi lascerei perdere anche l'ombreggiatura.
In questa pagina trovi esempi e guide si layout (anche a due colonne come il tuo)

[seymour91]

...e già questa frase, rivolta a un forum che sichiama "xhtml e html", dovrebbe farti riflettere

Beh d'altronde la richiesta era relativa all'XHTML. Il PHP non c'entra nulla.
Comunque ti ringrazio per la risposta.
Vedrò cosa ne tiro fuori.

Grazie ancora

[seymour91]

Guardando la guida dei Nifty Corners non contempla l'utilizzo di ombre. Se volessi utilizzare le ombre?

Io pensavo ad un sistema a tre div annidati.

<div id="box1">
<div id="box2">
<div id="box3>
</div>
</div>
</div>

Si divide il box grafico in tre pezzi:

immagine superiore con gli angoli arrotondati.
immagine inferiore con gli angoli arrotondati.
un pezzettino della parte centrale del box che verrà ripetuta in altezza.

Al box 1 si dà l'immagine di sfondo inferiore bottom left.
al box 2 si dà l'immagine di sfondo superiore top left
al box 3 si dà come sfondo l'immagine centrale ripetuta repeat-y.

Il box 3 contiene i contenuti. E' sbagliato come concetto??

[alexba64]

Ombre dove ?

Un'immaginetta d'esempio?

[ricman]

Originariamente inviato da seymour91
E' sbagliato come concetto??

Se funziona è giusto...
Nel senso che esiste più di un modo per ottenere l'ombra...

[Parere personale]
L'ombra è brutta! Sa di vecchio...
[/Parere personale]

[seymour91]

Mi scuso per non aver risposto celermente... Ma per problemi fisici non ho potuto. Eccomi di nuovo dunque...

L'idea era quella elencata nel mio precedente post ed eccovi le immagini ipotetiche da utilizzare come sfondo dei tre div:

TOP:
MIDDLE (da ripetere repeat-y):

BOTTOM:

Questa la bozza del CSS

#box1 {background: #CCCCCC url(bottom.png) bottom left}
#box2 {background: #CCCCCC url(top.png) top left}
#box3 {background: #CCCCCC url(middle.png) repeat-y}

Originariamente inviato da seymour91
Guardando la guida dei Nifty Corners non contempla l'utilizzo di ombre. Se volessi utilizzare le ombre?

Io pensavo ad un sistema a tre div annidati.

<div id="box1">
<div id="box2">
<div id="box3>
</div>
</div>
</div>

Si divide il box grafico in tre pezzi:

immagine superiore con gli angoli arrotondati.
immagine inferiore con gli angoli arrotondati.
un pezzettino della parte centrale del box che verrà ripetuta in altezza.

Al box 1 si dà l'immagine di sfondo inferiore bottom left.
al box 2 si dà l'immagine di sfondo superiore top left
al box 3 si dà come sfondo l'immagine centrale ripetuta repeat-y.

Il box 3 contiene i contenuti. E' sbagliato come concetto??

[seymour91]

UP

[ricman]

Originariamente inviato da seymour91
UP

...va bene... fai così

Magari ti conviene assegnare dei width ai tre box (e anche un no-repeat)