[HTML] problema con i div

ANDREA20

Utente Attivo
25 Giu 2016
145
1
18
24
Buongiorno, io sto creando un sito responsive il problema persiste qui quando finisco la parte css con tutte le dimissioni telefoni/tablet/pc faccio le prove prende ultima riga del css come mai? allego il codice css e html

HTML:
<div id="storia">Storia dell'azienda</div>
<div id="azienda">
Sin da piccolo, quando ancora l'azienda era in mano a mio nonno Ferdinando, ricordo i pomeriggi passati ad ammirare gli operai che, con grande manualità ed esperienza, lavoravano lamierati in ferro fino a farli diventare oggetti come armadi, scatole e tutto quello che un buon artigiano riesce a fare. Ricordo ancora le scintille delle smerigliatrici, le palline di fuoco che uscivano dalle saldatrici, l'odore caratteristico della polvere di ferro che ritrovavo tutte le sere sugli abiti di mio papà. Anche lui, a suo tempo, in società con suo fratello, aveva proseguito l'attività, per questo ho deciso di portare avanti il nome Kluc, da sempre legato alla lavorazione del ferro, come Carpenterie Kluc sas, mantenedo la stessa locazione e lo stesso pacchetto clienti.

Il nostro obbiettivo è quello di poter dare ai clienti, vecchi e nuovi serietà, assistenza nello sviluppo delle lavorazioni, mantenendo  tecniche di manualità che solo un artigiano esperto può dare.

L'attività si basa prevalentemente sulla lavorazione a disegno di lamiere in acciaio inox,ferro ed alluminio, le quali vengono lavorate con l'utilizzo di cesoie, scantonatrici, punzonatrici, piegatrici, CNC e taglio laser. I nostri prodotti vengono saldati succesivamente tramite saldatrice TIG e MIG, ripuliti da scorie di saldatura per mezzo di smerigliatrici lamellari, ed infine, se richiesto dal cliente, abbiamo la possibilità di verniciare a pruzzo i prodotti in tinte ral. Si eseguono anche opere da fabbro nella fattispecie cancelli, recinzione, porte, inferiate anti-intrusione con relativa messa in opera.

In un settore come quello delle carpenterie metalliche dominato ormai da macchinari sofisticatissimi e sempre più computerizzati, sorge in molti clienti la necessita' di trovare aziende artigiane che abbiano la possibilita' di produrre sia il pezzo singolo che il pezzo in serie.
Ovviamente, per piccole e medie quantita', il compratore non puo' rivolgersi alla grande industria. Ecco che allora trova nella piccola impresa, l'opportunita' di risoluzione del problema.
Il nostro range spazia dal piccolo cliente fino alla media e grande industria. Spesso, tramite architetti e geometri, ci viene richiesta anche la realizzazione di opere architettoniche ed artistiche.

Negli ultimi anni ci siamo specializzati nella fornitura di componentistica per ascensori e montacarichi.

</div>
</div>

Codice:
div.info
{
text-align: center;
color: blue;
}

#azienda
{
text-align: center;
color: black;
}

#storia
{
text-align: center;
color: blue;
}

@media screen and (max-width: 384px) {
  div.info{
    font-size: 15px;
  }
  #azienda {
    font-size: 10px;
  }
  #storia {
    font-size: 20px;
  }
}


@media screen and (max-width: 360px) {
  div.info{
    font-size: 15px;
  }
  #azienda {
    font-size: 12px;
  }
  #storia {
    font-size: 20px;
  }
}

@media screen and (max-width: 412px) {
  div.info {
    font-size: 15px;
  }
  #azienda {
    font-size: 11px;
  }
  #storia {
    font-size: 20px;
  }
}

@media screen and (max-width: 480px) {
  div.info {
    font-size: 30px;
  }
  #azienda {
    font-size: 11px;
  }
  #storia {
    font-size: 20px;
  }

}
@media screen and (max-width: 600px) {
  div.info {
    font-size: 15px;
  }
  #azienda {
    font-size: 12px;
  }
  #storia {
    font-size: 20px;
  }
}

@media screen and (max-width: 640px) {
  div.info {
    font-size: 30px;
  }
  #azienda {
    font-size: 16px;
  }
  #storia {
    font-size: 20px;
  }
}

@media screen and (max-width: 768px) {
  div.info {
    font-size: 15px;
  }

  #azienda {
    font-size: 16px;
  }
  #storia {
    font-size: 20px;
  }
}

@media screen and (max-width: 800px) {
  div.info {
    font-size: 15px;
  }
  #azienda {
    font-size: 18px;
  }
  #storia {
    font-size: 20px;
  }
}

@media screen and (max-width: 1680px) {
  div.info {
    font-size: 30px;
  }
  #azienda {
    font-size: 25px;
  }
  #storia {
    font-size: 28px;
  }
}

aspetto risposta un aiuto grazie mille buona serata
 

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.371
338
83
Se è possibile è meglio che ci fai vedere la pagina online! Con solo quel po' di codice è difficile dire dove stà un problema del genere!

Gai messo il metatag:
HTML:
<meta name="viewport" content="width=device-width">
 

ANDREA20

Utente Attivo
25 Giu 2016
145
1
18
24
Sisi lo già messo perché è la prima volta che mi fa questo lavoro non so il perché domani carico la pagina un screenshot perché non è online
 

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.371
338
83
Dello screen non ce ne facciamo nulla a noi serve dedere il comportamento e ricercare nel codice il problema
 

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.371
338
83
Metti la tua pagina online funzionante e dacci il link
 

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.371
338
83
A me sembra che il responsive vada bene!
Cosa è che a te non va? L'ultima riga del css? in sostanza la dimensione del font?
 

ANDREA20

Utente Attivo
25 Giu 2016
145
1
18
24
non mi va in prova vai sulla storia dell'azienda e vedi che non va e anche il carattere non lo ridimensiona correttamente
 

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.371
338
83
Io lo vedo così a parte che il carattere si ridimensiona poco non mi sembra vada male, tu cosa trovi?

01.jpg
 
Ultima modifica:

ANDREA20

Utente Attivo
25 Giu 2016
145
1
18
24
il carattere con quella dimissione e un 12 px è la scritta non finisce li continua
 
Discussioni simili
Autore Titolo Forum Risposte Data
tomorc [HTML] Problema con scroll bar (risolto) HTML e CSS 0
P [HTML] Problema ERR_INCOMPLETE_CHUNKED_ENCODING 206 (Partial Content) con Font HTML e CSS 1
L [HTML] problema sfondo tutto schermo con immagine HTML e CSS 1
M problema con video in html 5 HTML e CSS 7
P [HTML] Problema con menu orizzontale a tendina per sito web HTML e CSS 17
Selenio89 problema a caricare immagine con html. dove sbaglio? HTML e CSS 25
J [HTML] problema IFrame con dispositivi IOS HTML e CSS 0
R [PHP] Problema stampa array bidimensionali con formula $html.=<<<myHtml... PHP 2
jonnino2004 [HTML] problema con bordo su h1 HTML e CSS 2
S [HTML] Problema Sovrapponimento Tab con Contentuto HTML e CSS 0
D [HTML] Problema con Dreamweaver; 1) tabella con larghezza 100% 2) Immagine che si adatta a Div HTML e CSS 28
filomeni Problema con mail() in html PHP 4
C Problema con html e php :D PHP 1
D Problema collegamento file css con html HTML e CSS 4
O Problema con email in formato HTML PHP 1
G html problema table scrollable con header fisso HTML e CSS 2
F problema con la stampa su pagina html PHP 1
M css html problema con explorer help HTML e CSS 0
V Problema con le tabelle in html HTML e CSS 35
T problema con codice html dentro javascript Javascript 1
M Problema con php in html PHP 3
I Problema con Form html HTML e CSS 9
J Problema con HTML e iframe HTML e CSS 5
N [PHP+HTML+CSS] Problema con un div HTML e CSS 6
JellyBelly Problema con xsl con html nel db XML 2
P problema con multibox per html Javascript 0
F [HTML] problema tag canonical HTML e CSS 7
Tommy03 [HTML] Problema Iphone - Android HTML e CSS 1
A [HTML] Problema HTML e CSS 2
Daniele_Carrara [HTML] Problema attributo min HTML e CSS 0
S [HTML] problema resonsive HTML e CSS 2
S [HTML] Problema <input type="date"> HTML e CSS 0
A [HTML] Sfondo responsive - problema specifico HTML e CSS 5
1992lvc [WordPress] Problema sidebar widget html Facebook WordPress 2
M [HTML] problema spazio aggiuntivo tra elementi <li> di menu a tendina HTML e CSS 1
Andrea_Ventura [HTML] Problema centrare elemento orizzontalmente HTML e CSS 9
Angelo Russo [HTML] piccolo problema di impaginazione HTML e CSS 13
M [HTML] Problema visualizzazione immagini su dispositivi HTML e CSS 4
Kolop [WordPress] [HTML] Problema header su mobile WordPress 4
S [HTML] Problema non visibilità del sito HTML e CSS 1
D [phpBB] [HTML] Problema pagina elenco argomenti (di forum) phpBB 9
A [HTML] Problema Safari e unita vw e vh. HTML e CSS 4
trattorino [PHP] [HTML] problema form PHP 1
B [HTML] Problema main box di un template HTML e CSS 2
Michaelweb93 [HTML] Problema sito web - wordpress WordPress 2
T [HTML] Problema pulsante scroll down su ecommerce Content Management System (CMS) 0
S [Javascript] [HTML] problema nella stampa degli elementi della pagina Javascript 3
S Problema invio form php/html PHP 3
S [HTML] Problema menu a comparsa HTML e CSS 5
nipone [WordPress] [HTML] Problema su Sticky Sidebar WordPress 2

Discussioni simili