Visualizzazione dei risultati da 1 a 5 su 5

Discussione: CSS non va con opera

  1. #1
    Utente di HTML.it L'avatar di bagu
    Registrato dal
    Mar 2003
    Messaggi
    620

    CSS non va con opera

    ciao,

    questa è la pagina con relativo css. opera allunga la pagina come se non esistesse lo scroll, penso che il problema sia nei margini del div #content.

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <title>Documento senza titolo</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">


    <style type="text/css">

    #container {
    background-color: #0099ff;
    width: 760px;
    \width: 780px;
    w\idth: 760px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
    top: 200px;
    border: none;
    }

    #banner {
    padding: 0;
    margin-bottom: 0;
    background-color: #FFFFFF;
    height: 50px;
    }

    #content {
    height:650px;
    overflow:auto;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    border-right: 1px #FFFFFF solid;
    border-left: 1px #FFFFFF solid;
    background-color: #0099ff;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    text-align: center;
    visibility: visible;
    }
    #content a:link {
    color: #0000CC;
    background-color: #FF7F00;
    font-weight: bolder;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    font-size: 12px;
    line-height: 16px;
    }

    #content a:visited {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #0000CC;
    background-color: #FF7F00;
    font-weight: bolder;
    text-align: center;
    text-decoration: none;
    }

    #content a:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    background-color: #330099;
    font-weight: bolder;
    text-align: center;
    text-decoration: none;
    display: inline;
    }

    #sidebar-a {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    float: left;
    width: 150px;
    \width: 150px;
    w\idth: 150px;
    margin: 0;
    margin-right: 0;
    padding-top: 15px;
    background-color: #0099ff;
    text-align: center;
    font-size: 12px;
    }

    #sidebar-a a:link {
    color: #0000CC;
    background-color: #FF7F00;
    width: 150px;
    height: 16px;
    font-weight: bolder;
    text-transform: none;
    text-decoration: none;
    display: block;
    }
    #sidebar-a a:visited {
    color: #0000CC;
    background-color: #FF7F00;
    width: 150px;
    height: 12px;
    font-weight: bolder;
    text-transform: none;
    text-decoration: none;
    display: block;
    font-size: 12px;
    }
    #sidebar-a a:hover {
    color: #FFFFFF;
    background-color: #0000CC;
    width: 150px;
    font-weight: bolder;
    text-transform: none;
    text-decoration: none;
    display: block;
    font-size: 12px;
    }

    #sidebar-b {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    float: right;
    width: 150px;
    \width: 150px;
    w\idth: 150px;
    margin: 0;
    margin-left: 0;
    padding-top: 5px;
    background-color: #0099ff;
    text-align: center;
    font-size: 12px;
    }

    #sidebar-b a:link {
    color: #0000CC;
    background-color: #FF7F00;
    width: 150px;
    height: 16px;
    font-weight: bolder;
    text-transform: none;
    text-decoration: none;
    display: block;
    }
    #sidebar-b a:visited {
    color: #0000CC;
    background-color: #FF7F00;
    width: 150px;
    height: 12px;
    font-weight: bolder;
    text-transform: none;
    text-decoration: none;
    display: block;
    }
    #sidebar-b a:hover {

    color: #FFFFFF;
    background-color: #0000CC;
    width: 150px;
    font-weight: bolder;
    text-transform: none;
    text-decoration: none;
    display: block;
    }

    #footer {
    clear: both;
    padding: 0;
    margin-top: 0;
    background-color: #0099ff;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    text-align: center;
    vertical-align: middle;
    padding-bottom: 15px;
    padding-top: 15px;
    }
    .stileh1 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bolder;
    color: #FFFFFF;
    text-align: center;
    padding-left: 5px;
    margin-right: 5px;
    }
    .stileh2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: bolder;
    color: #0000CC;
    text-align: center;
    letter-spacing: 4px;
    }
    #title {
    position: absolute;
    visibility: visible;
    z-index: 1;
    left: 0px;
    top: 0px;
    }
    .circonda {
    float: left;
    border: none;
    padding-right: 15px;
    }
    </style>
    </head>
    <body>
    <div id="title">[img]../immagini/viaggioingrecia-etno.gif[/img]</div>
    <div id="container">
    <div id="banner"></div>
    <div id="sidebar-a">
    <h1 class="stileh1">Attenti a quelle case sono bellissime e economiche!!!!!! </h1>


    MYKONOS appartamenti e residence </p>


    CRETAalber


    appartamenti e residence

    ghi</p>


    RODI appartamenti e residence </p>


    CORFU'appartamenti e residence</p>


    KARPATHOSappa


    appartamenti e residence

    rtamenti</p>


    PAROS appartamenti e residence </p>


    CEFALONIA appartamenti e residence </p>


    NAXOS appartamenti e residence </p>


    RODI appartamenti e residence </p>


    CORFU'appartamenti e residence</p>
    </div>

    <div id="sidebar-b">[img]../immagini/mondo_2.gif[/img]




    tuttomondoviaggi.it un mondo di servizi per le vostre vacanze



    MYKONOSappartamenti e hotel</p>


    CRETAalberghi</p>


    RODIappartamenti e hotel </p>


    CORFU'appartamenti e residence</p>


    KARPATHOSappartamenti</p>


    PAROScase</p>


    CEFALONIAappartamenti</p>


    NAXOSstudios</p>


    IOS E SANTORINIcase e appartamenti</p></div>

    <div id="content">
    <h2 class="stileh2">Corf&ugrave;, l'isola dei matti </h2>


    L'ISOLA <a href="#secondo">LA
    CITTA' </a>LE SPIAGGE</p>


    [img]../immagini/Liapades.jpg[/img]
    <p align="justify">Corfu&rsquo;, chiamata Kerkira, &egrave; tra le pi&ugrave; grandi isole dell&rsquo;Eptaneso
    (lunga quasi 70 km e larga da 4 a 30 km). Il versante nord, pi&ugrave; ricco
    di vegetazione e caratterizzato da piccole insenature, attira numerosi turisti
    in cerca di panorami suggestivi ed acque cristalline.

    Il versante sud, invece, pi&ugrave; arido, &egrave; molto simile alla Grecia
    continentale. Nella zona di Paleokastritsa numerose sono le attrattive, a
    partire dalla spiaggia di Rovinia a Liapades sino a quella pi&ugrave; famosa
    di Paleokastritsa, sotto la collina del Monastero Ortodosso (da vedere). Numerose
    le spiagge pi&ugrave; isolate, raggiungibili con taxi-boat in partenza da
    Liapades o da Paleokastritsa.

    Molto suggestivo il panorama dalla localit&agrave; di Lakones, paesino situato
    sopra alla zona turistica di Paleokastritsa, punto chiamato Bellavista.

    A pochi chilometri da questo punto c&rsquo;&egrave; un vecchio castello chiamato
    Angelokastro (castello degli Angeli). Proseguendo per questa strada in direzione
    nord &egrave; possibile effettuare il giro dell&rsquo;intera parte settentrionale
    arrivando sino a Sidari, localit&agrave; conosciuta per alcuni tipici scogli
    levigati che formano un canale denominato Canal d&rsquo;Amour.

    Proseguendo sempre per questa strada, passando per Roda, si arriva al piccolo
    villaggio dei pescatori chiamato Kassiopi. A questo punto siete gi&agrave; sul
    versante ovest dell&rsquo;isola e siete diretti verso la citt&agrave; di Corf&ugrave; . Bellissima
    la strada panoramica che costeggia i pittoreschi villaggi di Kouloura e Nissaki
    con le rispettive baie.

    Su questa strada c&rsquo;&egrave; anche la deviazione per la cima del monte
    Pantokrator, il punto pi&ugrave; alto dell&rsquo;isola.

    Proseguendo verso la citt&agrave; s&rsquo;incontra la localit&agrave; di
    Ipsos, molto nota per la vita notturna.

    Nelle vicinanze vi sono le localit&agrave; di Dassia e Gouvia. Molto interessante
    visitare l&rsquo;interno dell&rsquo;isola caratterizzato dai piccoli villaggi
    non ancora contaminati dal turismo e che conservano ancora le tradizioni
    locali e il modo di vita greco.
    <p align="justify">[img]../immagini/Corfu-Paleokastri.jpg[/img]La <a name="cittagrave" id="cittagrave"></a><a name="secondo" id="secondo"></a> di Corf&ugrave;, caratterizzata da dominazioni straniere, affascina il turista per le strade e le viuzze tipicamente in stile veneziano.

    Bellissima la &ldquo;Spianada&rdquo;, ex piazza d&rsquo;armi dei francesi, divenuta poi campo di cricket per gli inglesi. Nella stessa piazza, luogo d&rsquo;incontro e di passeggio, si trovano numerosi bar situati sotto il porticato chiamato Liston.

    Nella piazza si trova anche il Palazzo reale e la vecchia Fortezza. Nelle vicinanze dell&rsquo;aeroporto si trova Kanoni, punto panoramico dal quale si pu&ograve; vedere Pontikonissis, una chiesa in mezzo al mare collegata alla terraferma da una piccola stradina.

    Da visitare inoltre il famoso Achilleion ,il palazzo della principessa Sissi,e i suoi giardini. All&rsquo;interno della citt&agrave; numerose sono le chiese ortodosse interessanti da visitare,come quella di San Spiridione,patrono della citt&agrave;</p>
    <p align="justify">[img]../immagini/Corfu-Mirtiotissa.jpg[/img]Oltre alle spiagge<a name="terzo" id="terzo"></a> di Paleokastritsa e Liapades, vi sono molte spiagge altrettanto belle.

    Tra queste vi ricordiamo la lunga spiaggia di sabbia di Glyfada, a circa 12 km da Liapades, situata nella parte ovest dell&rsquo;isola. Pochi chilometri prima, c&rsquo;&egrave; un&rsquo;indicazione, non molto visibile, per la spiaggia di Mirtiotissa; curiosamente nello spazio di pochi chilometri si trovano un eremo abitato dai monaci e un vasto litorale sabbioso noto come spiaggia di nudisti.

    Pi&ugrave; a sud ci sono le spiagge di Pelekas e Agios Gordios, che mantengono le stesse caratteristiche della zona nord. Per vedere la differenza del paesaggio consigliamo il giro del sud dell&rsquo;isola.</p>
    </div>

    <div id="footer">visualizza la mappa dell'isola scrivici per informazioni e prenotazioni</div>
    </div>

    </body>
    </html>


    -------------------

    come cavolo facciamo a uscirne?
    (escluso il tag alt sia l'html che i css sono validati)

    ciao e grazie,
    paolo
    Non so se Dio esiste ma se non esiste ci fa una figura migliore!
    - S. Benni -

  2. #2
    ciao

    a parte che non mi piace questa struttura con praticamente due scroll aggiungi:

    width:400px;
    float:left;


    a #content

    4 pag. x il forum:l'ospite ora ha solo link sponsorizzati, valli a capire-GommaLayout! Agg. 25 agosto 2004)-Molla&Collano privati tecnici, per favore

  3. #3
    Utente di HTML.it L'avatar di bagu
    Registrato dal
    Mar 2003
    Messaggi
    620
    grazie!!!! funziona alla perfezione

    paolo
    Non so se Dio esiste ma se non esiste ci fa una figura migliore!
    - S. Benni -

  4. #4
    Originariamente inviato da bagu
    grazie!!!! funziona alla perfezione

    paolo
    :master:

    prego ma sei sicuro? perché dopo mi sono accorto che si sistemano un po' di cose con Opera ma rimane il problema che il contenuto con l'overflow lo stesso allunga la pagina, vuota ma si allunga.
    4 pag. x il forum:l'ospite ora ha solo link sponsorizzati, valli a capire-GommaLayout! Agg. 25 agosto 2004)-Molla&Collano privati tecnici, per favore

  5. #5
    Utente di HTML.it L'avatar di bagu
    Registrato dal
    Mar 2003
    Messaggi
    620
    in effetti la pagina in opera si allunga. la cosa non mi da piu' fastidio di tanto in quanto il layout non si scombina.
    Parrebbe che il div venga nascosto.

    ciao e grazie ancora
    paolo
    Non so se Dio esiste ma se non esiste ci fa una figura migliore!
    - S. Benni -

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 © 2025 vBulletin Solutions, Inc. All rights reserved.