Visualizzazione dei risultati da 1 a 4 su 4
  1. #1

    problema visualizzazione con chrome

    Ciao a tutti!

    ho un problema di visualizzazione del mio sito con chrome, mentre con IE e FireFox si vede correttamente.
    (lo trovate in firma per vedere)

    praticamente ho creato un div nella parte centrale in modo da visualizzare tre immagini per ogni riga, mentre con chrome ne vedo solo due con del testo vicino!

    vi posto il codice anche se non so di preciso quale sia la parte inciminata:
    Codice PHP:
        <div class="main">
            <
    div class="div-table-main">
                <
    div class="div-table-row">
                <
    div class="div-table-col">
                <
    h1>Cerchi un ristorante a Roma??</h1>
                <
    h2>Il portale sul ristorante in Roma Scegli con gusto il tuo piatto preferito</h2>
                
    Non sai dove andare a cenavuoi qualcosa di sfizioso o magari cerchi di non spendere molto,
     
    un ristorante pizzeria fa al caso tuo per questa serata speciale!


                [
    url]www.ristorantiromaristo.it[/urlè la guida on-line sulla ristorazione italiana ed etnica in Italia qui troverai velocemente un ristorante a Roma nella zona a te pi&ugravevicina al prezzo che ti soddisfainoltre il ristorante che preferisci per tipo di cucina!


                

                
                <
    div id="sponsor">
                    <
    div class="ristorante">
                        [
    img]public/ristorante/ristorante-doozo.jpg[/img]
                        <
    div class="name">[url="ristorante/doozo"]DOOZO[/url]</div>
                        <
    div class="type">Ristorante Giapponese Roma</div
                        <
    div class="ind">Via Palermo 51/53 (Monti)</div>
                        <
    div class="pm">Prezzo medio a persona 30-35€</div>
                    </
    div>
                    <
    div class="ristorante">
                        [
    img]public/ristorante/fraschetta-osterian1.jpg[/img]
                        <
    div class="name">[url="ristorante/osterian1"]OSTERIA N1[/url]</div>
                        <
    div class="type">Fraschette d'Ariccia</div> 
                        <div class="ind">Via Borgo San Rocco 39 (Ariccia)</div>
                        <div class="pm">Prezzo medio a persona 15-20€</div>
                    </div>
                    <div class="ristorante">
                        [img]public/ristorante/ristorante-alfonsocouscous.jpg[/img]
                        <div class="name">[url="ristorante/alfonsocouscous"]ALFONSO COUS COUS[/url]</div>
                        <div class="type">Ristorante Arabo Roma</div> 
                        <div class="ind">Via Brescia 23 (Trieste-Centro)</div>
                        <div class="pm">Prezzo medio a persona 15-20€</div>
                    </div>
                </div>
                <div id="sponsor">
                    <div class="ristorante">
                        [img]public/ristorante/ristorante-elpueblo.jpg[/img]
                        <div class="name">[url="ristorante/elpueblo"]EL PUEBLO[/url]</div>
                        <div class="type">Ristorante Messicano Roma</div> 
                        <div class="ind">G.De Vecchi Pieralice 34-36 (Aurelia)</div>
                        <div class="pm">Prezzo medio a persona 25-30€</div>
                    </div>
                    <div class="ristorante">
                        [img]public/ristorante/ristorante-casalidellaparata.jpg[/img]
                        <div class="name">[url="ristorante/agriturismocasalidellaparata"]CASALI DELLA PARATA[/url]</div>
                        <div class="type">Ristorante Agriturismo Roma</div> 
                        <div class="ind">Secondo Stradone Muti (Genzano)</div>
                        <div class="pm">Prezzo medio a persona 25-30€</div>
                    </div>
                    <div class="ristorante">
                        [img]public/ristorante/ristorante-babette.jpg[/img]
                        <div class="name">[url="ristorante/babette"]BABETTE CAFFE'
    [/url]</div>
                        <
    div class="type">Ristorante Roma</div
                        <
    div class="ind">Via Margutta 1-(P.za del Popolo)</div>
                        <
    div class="pm">Prezzo medio a persona 40-45€</div>
                    </
    div>
                </
    div>
                <
    div id="sponsor">
                    <
    div class="ristorante">
                        [
    img]public/ristorante/ristorante-ilpulcinoballerino.jpg[/img]
                        <
    div class="name">[url="ristorante/ilpulcinoballerino"]IL PULCINO BALLERINO[/url]</div>
                        <
    div class="type">Ristorante Osteria Roma</div
                        <
    div class="ind">Via degli Equi 68 (San Lorenzo)</div>
                        <
    div class="pm">Prezzo medio a persona 15-20€</div>
                    </
    div>
                    <
    div class="ristorante">
                        [
    img]public/ristorante/ristorante-alpescatore.jpg[/img]
                        <
    div class="name">[url="ristorante/alpescatore"]AL PESCATORE[/url]</div>
                        <
    div class="type">Ristorante Specialità Pesce</div
                        <
    div class="ind">Vdei Pescatori 43 (Osita-Lungomare)</div>
                        <
    div class="pm">Prezzo medio a persona 30-35€</div>
                    </
    div>
                    <
    div class="ristorante">
                        [
    img]public/ristorante/ristorante-lafraschetta.jpg[/img]
                        <
    div class="name">[url="ristorante/lafraschetta"]LA FRASCHETTA[/url]</div>
                        <
    div class="type">Ristorante Romano</div
                        <
    div class="ind">San Francesco a Ripa 134 (Trastevere)</div>
                        <
    div class="pm">Prezzo medio a persona 25-30€</div>
                    </
    div>
                </
    div>
                
    Il nostro staff seleziona solamente a Roma ristoranti di prima qualit&agrave;.
    Un sito colmo di recensioni ed aggiornamenti dell'ultima ora sui principali eventi organizzati dai locali della capitale. 
                Visita le pagine del nostro blog, commenta gli articoli di gatronomia, farai tesoro di preziose informazioni sui cibi ed un vasto ricettario da provare in cucina.


                Un occhio di riguardo alla cucina romana.
    Tipica del ristorante a Roma, tradizionale fondata su piatti abbastanza poveri, spesso sbrigativi, possibilmente abbondanti e fortemente apportatori di colesterolo, ma assai saporiti.


                Il termine ristorante (dal francese restaurer, ristorare) comparve la prima volta nel XVI secolo, con il significato di "un cibo che ristora", e si riferiva specialmente ad una minestra ricca e di gusto raffinato.
                

    La parola "Ristorante" nacque attorno al 1765, quando un cuoco (di Parigi) apr&igrave; un'
    attivit&agravedi ristorazione e f&ugraveil primo ristorante ad adottare la forma divenuta poi standard al giorno d'oggi (ristoranti pizzeria), clienti seduti al proprio tavolo davanti la propria porzione, avendo la possibilit&agrave; di scegliere la portata da un menu, durante specifici orari di apertura.
                

    Un pasto completo, cibo salutare e ristoranti moderni


                ....ed ora sedetevi e mangiate!!





                [url="http://annunci.ebay.it/annunci-roma/"]Annunci gratuiti di Roma[/url]
    [url="http://www.milanolocali.it/ristoranti_milano.html"]Ristoranti Milano[/url]
                </div>
                </div>
        </div>        
        </div> 
    codice:
    .main {
    	text-align: justify;
    	font-weight: normal;
    	font-family: Verdana, "CenturyGothicRegular", Arial, Helvetica, sans-serif;
    	font-size: 12px;
    	color: black;
    }
    .div-table-main{
    	display:table; 
    	width: 740px; 
    	border:1px solid #99bbe8; 
    	margin-top:-9px; 
    	margin-bottom:12px; 
    	margin-left:210px; 
    	background:#ffffff;
    	padding: 10px;
    	-webkit-box-shadow: 0 2px 3px #000000; 
    	-moz-box-shadow: 0 2px 3px #000000;
    	box-shadow: 0 2px 3px #000000; 
    	-webkit-border-radius: 10px; 
    	-moz-border-radius: 10px; 
    	border-radius: 10px;
    }
    .div-table-row{
    	display:table-row;
    }
    .div-table-col{
    	display:table-cell; 
    	padding: 5px;
    }
    #sponsor {
    padding: 5px;
    
    }
    #sponsor .name {
    font-size: 16px;
    font-weight: bold;
    }
    
    #sponsor .ristorante .type {
        color: #B92148;
        font-size: 12px;
        font-weight: bold;
    }
    #sponsor .ristorante .type a{
        color: #B92148;
        font-size: 12px;
        font-weight: bold;
    }
    #sponsor .ristorante .name {
        font-size: 14px;
    }
    
    #sponsor .ristorante .ind, #sponsor .ristorante .pm, #sponsor .ristorante .or {
        font-size: 11px;
    }
    #sponsor .ristorante  {
        width: 240px;
        float:left;
    	margin-bottom: 30px;
    }
    vorrei che lo stesso allineamento di visualizzazione in IE e FireFox sia valido anche per chrome!?!?

    Grazie mille
    Ristoranti Roma
    http://www.ristorantiromaristo.it
    info@ristorantiromaristo.it

  2. #2
    Utente di HTML.it L'avatar di sandrone65
    Registrato dal
    May 2009
    residenza
    Guidonia Montecelio
    Messaggi
    129
    I contenitori <div class="ristorante"> a 240px sembrerebbero troppo larghi, se li imposti a 232px la pagina va a posto (ovviamente controlla che gli elementi interni a "ristorante" si adattino bene al restringimento).
    Per qualche ragione Chrome interpreta diversamente da Mozilla ed Explorer qualche padding o margin nella struttura della pagina, bisognerebbe perderci tempo e fare un po' di calcoli e prove per determinare precisamente il problema.
    Più empiricamente o restringi i div ristorante o allarghi uno dei loro contenitori, altrimenti il terzo elemento flottante ti va a capo.
    Poi aggiungi un clear alla fine dei <div id ="sponsor"> per evitare di ritrovarti il testo a lato.
    Per fare prima ti riposto il tuo html con le correzioni
    codice:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    
    <head>
    	<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
    	<title>Test</title>
        <style type="text/css">
    <!--
    	.main {
    	text-align: justify;
    	font-weight: normal;
    	font-family: Verdana, "CenturyGothicRegular", Arial, Helvetica, sans-serif;
    	font-size: 12px;
    	color: black;
    }
    .div-table-main{
    	display:table; 
    	width: 740px; 
    	border:1px solid #99bbe8; 
    	margin-top:-9px; 
    	margin-bottom:12px; 
    	margin-left:210px; 
    	background:#ffffff;
    	padding: 10px;
    	-webkit-box-shadow: 0 2px 3px #000000; 
    	-moz-box-shadow: 0 2px 3px #000000;
    	box-shadow: 0 2px 3px #000000; 
    	-webkit-border-radius: 10px; 
    	-moz-border-radius: 10px; 
    	border-radius: 10px;
    }
    .div-table-row{
    	display:table-row;
    }
    .div-table-col{
    	display:table-cell; 
    	padding: 5px;
    }
    #sponsor {
    padding: 5px;
    
    }
    #sponsor .name {
    font-size: 16px;
    font-weight: bold;
    }
    
    #sponsor .ristorante .type {
        color: #B92148;
        font-size: 12px;
        font-weight: bold;
    }
    #sponsor .ristorante .type a{
        color: #B92148;
        font-size: 12px;
        font-weight: bold;
    }
    #sponsor .ristorante .name {
        font-size: 14px;
    }
    
    #sponsor .ristorante .ind, #sponsor .ristorante .pm, #sponsor .ristorante .or {
        font-size: 11px;
    }
    #sponsor .ristorante  {
        width: 232px;
        float:left;
    	margin-bottom: 30px;
    }
    -->
    </style>
    </head>
    
    <body>
    
    <div class="main">
            <div class="div-table-main">
                <div class="div-table-row">
                <div class="div-table-col">
                <h1>Cerchi un ristorante a Roma??</h1>
                <h2>Il portale sul ristorante in Roma - Scegli con gusto il tuo piatto preferito</h2>
                Non sai dove andare a cena, vuoi qualcosa di sfizioso o magari cerchi di non spendere molto,
     un ristorante pizzeria fa al caso tuo per questa serata speciale!
    
    
                www.ristorantiromaristo.it è la guida on-line sulla ristorazione italiana ed etnica in Italia qui troverai velocemente un ristorante a Roma nella zona a te pi&ugrave; vicina al prezzo che ti soddisfa, inoltre il ristorante che preferisci per tipo di cucina!
    
    
                
    
                
                <div id="sponsor">
                    <div class="ristorante">
                        [img]public/ristorante/ristorante-doozo.jpg[/img]
                        <div class="name">DOOZO</div>
                        <div class="type">Ristorante Giapponese Roma</div> 
                        <div class="ind">Via Palermo 51/53 (Monti)</div>
                        <div class="pm">Prezzo medio a persona 30-35€</div>
                    </div>
                    <div class="ristorante">
                        [img]public/ristorante/fraschetta-osterian1.jpg[/img]
                        <div class="name">OSTERIA N1</div>
                        <div class="type">Fraschette d'Ariccia</div> 
                        <div class="ind">Via Borgo San Rocco 39 (Ariccia)</div>
                        <div class="pm">Prezzo medio a persona 15-20€</div>
                    </div>
                    <div class="ristorante">
                        [img]public/ristorante/ristorante-alfonsocouscous.jpg[/img]
                        <div class="name">ALFONSO COUS COUS</div>
                        <div class="type">Ristorante Arabo Roma</div> 
                        <div class="ind">Via Brescia 23 (Trieste-Centro)</div>
                        <div class="pm">Prezzo medio a persona 15-20€</div>
                    </div>
                </div>
                <div id="sponsor">
                    <div class="ristorante">
                        [img]public/ristorante/ristorante-elpueblo.jpg[/img]
                        <div class="name">EL PUEBLO</div>
                        <div class="type">Ristorante Messicano Roma</div> 
                        <div class="ind">G.De Vecchi Pieralice 34-36 (Aurelia)</div>
                        <div class="pm">Prezzo medio a persona 25-30€</div>
                    </div>
                    <div class="ristorante">
                        [img]public/ristorante/ristorante-casalidellaparata.jpg[/img]
                        <div class="name">CASALI DELLA PARATA</div>
                        <div class="type">Ristorante Agriturismo Roma</div> 
                        <div class="ind">Secondo Stradone Muti (Genzano)</div>
                        <div class="pm">Prezzo medio a persona 25-30€</div>
                    </div>
                    <div class="ristorante">
                        [img]public/ristorante/ristorante-babette.jpg[/img]
                        <div class="name">BABETTE CAFFE'</div>
                        <div class="type">Ristorante Roma</div> 
                        <div class="ind">Via Margutta 1-3 (Pg.za del Popolo)</div>
                        <div class="pm">Prezzo medio a persona 40-45€</div>
                    </div>
                </div>
                <div id="sponsor">
                    <div class="ristorante">
                        [img]public/ristorante/ristorante-ilpulcinoballerino.jpg[/img]
                        <div class="name">IL PULCINO BALLERINO</div>
                        <div class="type">Ristorante Osteria Roma</div> 
                        <div class="ind">Via degli Equi 68 (San Lorenzo)</div>
                        <div class="pm">Prezzo medio a persona 15-20€</div>
                    </div>
                    <div class="ristorante">
                        [img]public/ristorante/ristorante-alpescatore.jpg[/img]
                        <div class="name">AL PESCATORE</div>
                        <div class="type">Ristorante Specialità Pesce</div> 
                        <div class="ind">V. dei Pescatori 43 (Osita-Lungomare)</div>
                        <div class="pm">Prezzo medio a persona 30-35€</div>
                    </div>
                    <div class="ristorante">
                        [img]public/ristorante/ristorante-lafraschetta.jpg[/img]
                        <div class="name">LA FRASCHETTA</div>
                        <div class="type">Ristorante Romano</div> 
                        <div class="ind">San Francesco a Ripa 134 (Trastevere)</div>
                        <div class="pm">Prezzo medio a persona 25-30€</div>
                    </div>
                </div>
                <div style="clear: both;"></div>
                Il nostro staff seleziona solamente a Roma ristoranti di prima qualit&agrave;.
    Un sito colmo di recensioni ed aggiornamenti dell'ultima ora sui principali eventi organizzati dai locali della capitale. 
                Visita le pagine del nostro blog, commenta gli articoli di gatronomia, farai tesoro di preziose informazioni sui cibi ed un vasto ricettario da provare in cucina.
    
    
                Un occhio di riguardo alla cucina romana.
    Tipica del ristorante a Roma, tradizionale fondata su piatti abbastanza poveri, spesso sbrigativi, possibilmente abbondanti e fortemente apportatori di colesterolo, ma assai saporiti.
    
    
                Il termine ristorante (dal francese restaurer, ristorare) comparve la prima volta nel XVI secolo, con il significato di "un cibo che ristora", e si riferiva specialmente ad una minestra ricca e di gusto raffinato.
                
    
    La parola "Ristorante" nacque attorno al 1765, quando un cuoco (di Parigi) apr&igrave; un'attivit&agrave; di ristorazione e f&ugrave; il primo ristorante ad adottare la forma divenuta poi standard al giorno doggi (ristoranti pizzeria), clienti seduti al proprio tavolo davanti la propria porzione, avendo la possibilit&agrave; di scegliere la portata da un menu, durante specifici orari di apertura.
                
    
    Un pasto completo, cibo salutare e ristoranti moderni
    
    
                ....ed ora sedetevi e mangiate!!
    
    
    
    
    
                Annunci gratuiti di Roma
    Ristoranti Milano
                </div>
                </div>
        </div>        
        </div>
    
    </body>
    </html>
    PS. Il sito è davvero molto carino ma quella macchia di sugo non sembra sugo, sembra proprio sangue, fa un brutto effetto... non ti offendere se te lo dico, eh?
    PS2: il lampione è posizionato male, se allarghi la pagina a 1900px se ne va via lateralmente
    Se non sbagli ora e di nuovo, è segno che non vuoi correre rischi. [W.Allen]

  3. #3
    Ciao!! scusa se ti rispondo solo ora ma ero fuori..

    grazie per l'aiuto ora la pagina si vede bene anche su chrome!
    sono accette qualsiasi opinioni .
    per il logo hai ragione vedo di sistemarlo, mentre per il lampioni cosa mi consigli di far??

    purtoppo è il primo siti che ralizzo e soprattutto i CSS sono l'argomento che conosco di meno..

    Grazie mille
    Ristoranti Roma
    http://www.ristorantiromaristo.it
    info@ristorantiromaristo.it

  4. #4
    Utente di HTML.it L'avatar di sandrone65
    Registrato dal
    May 2009
    residenza
    Guidonia Montecelio
    Messaggi
    129
    Il lampione è l'immagine di background del sito, cioè un'immaginona di 1350x1600px buttata tutta a destra, e ovviamente il lampione, posto a sua volta sulla destra dell'immagine starà perennemente appiccicato al margine destro della pagina, quindi più allarghi la pagina più se ne va per conto suo.

    Togli l'immagine di sfondo lasciando il background bianco, ritaglia solo il lampione (grosso modo ti viene un'immagine di 170x500px, lo metti come sfondo ad un div inserito dentro <div class="art-Sheet"> e lo posizioni absolute con right:-140px o giù di lì e a quel punto il lampione rimane al posto suo
    Se non sbagli ora e di nuovo, è segno che non vuoi correre rischi. [W.Allen]

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.