[Risolto] Rendere un border-radius fisso

[tomtomeight]

Buongiorno

Spiego meglio, in questa pagina: infinitycontrol.it/servizi/consulenza-ed-indagini.html
Ho questa presentazione in cui lo sfondo dell'articolo è curvato sopra e contornato da immagini linkabili, la curvatura è stata ottenuta applicando una classe all'articolo "servizi" direttamente nell'editor e aggiungendo al css

Codice: [Seleziona]

.servizi {
background: #3e3c3c;
color: #ffffff;
border-radius: 50% 50% 0 0;
padding: 50px 20px;
}
Però cambiando pagina, ambiente, formazione, ecc la curvatura cambia in funzione della lunghezza dei contenuti dell'articolo e non è bello a vedersi.
Chiedo se esiste un modo di renderla fissa indipendentemente dalla lunghezza delle pagine.
Queste non posso nemmeno renderle uguali e dovendo aggiungere anche altre linee agli elenchi attuali, più aumenta la lunghezza più la curvatura diventa appuntita e bruttissima.

Grazie

[adottauncane]

Ciao tomtomeight,
hai provato con i ps fissi?
Secondo me si adattano al respondive senza cambiare curvatura:

Codice: [Seleziona]

.servizi {
background: #3e3c3c none repeat scroll 0 0;
-webkit-border-radius: 370px 370px 0 0;
-moz-border-radius: 370px 370px 0 0;
border-radius: 370px 370px 0
color: #ffffff;
padding: 50px 20px;
}

[conti1]

ciao
io toglierei % e farei in px in questo modo non può adattarsi e resta fisso . sempre usato px

[tomtomeight]

Sì grazie, coi px resta invariato, una cosa però le immagini tonde alla minima larghezza restano troppo piccole, lo faceva anche prima, come posso ingrandirli?
L'effetto tondo di queste è ottenuto con la trasparenza. provo a renderle tonde da css e forse è meglio?

[adottauncane]

O magari inserisci una regola per i media tipo:

Codice: [Seleziona]

@media  (max-width: 500px){
.ambiente img, .consulenza img, .formazione img, .sicurezza img {
min-height: 60px;
min-width: 60px;
}

.col-xs-3{
padding-left:3% !important;
padding-right:3% !important;
}
.consulenza img, .sicurezza img {
margin-top:-40px;
}
}


[tomtomeight]

Ottimo consiglio, adesso prende.

Grazie.