» Aiuto html, css e div prime armi

aliceweb · 17-06-08, 17:47

Ciao a tutti.
E' il mio primo messaggio.Io sono Alice. Piacere.

Avrei un problemino e mi rivolgo a voi, dato che mi ispirate parecchia fiducia e ho trovato in passato più volte risposte su questo vostro ben fornito forum!

Sto provando a creare una pagina html servendomi dei css (div) per impaginare il layout.
Ora... avrei un problema. Ho tentato di fare qualche contenitore div e di metterci dentro gli oggetti (ove serviva) come background.

ORRORE:
su IE non si vede. Ovvero si vede sollo header e il footer, ma è come se non interpretasse ad esempio il float. Perchè al posto dei blocchi dove ho usato il float si vede lo sfondo nero. Non vede nulla. .

Con firefox (che uso abitualmente) tutto ok e pure su safari

Ma se... vi incollo il codice per l'htm e il css mi sapete dire che cavolo sbaglio????????
Mentori miei... vi ringrazio già da ora x le eventuali risposte! E scusate per gli sfondoni che leggerete. Ma da qualche parte si dovrà pur iniziare x imparare!

__________________________________________________ _________________________

INDEX.HTML

Codice HTML:

 <!DOCTYPE html PUBLIC "-//W3C//DTD  XHTML 1.1//EN">

<head>
    <title>Blablabla</title>
    
    <meta  http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="description" content=" " />
    <meta name="keywords" content=" " />  
<link rel="stylesheet" type="text/css" href="default.css">
</head>

<body>    

        <div id="Container">
            
                        <div id="Header"></div>

                          <div id="Menu">
                                      <div id="HeaderBottom"></div>
                                  <div id="MenuSinistra"></div>
                                      <div id="MenuBottom"></div>
                                  </div>
               
            <div id="Blank">            </div>
          
            <div id="Footer">            </div>
          
            <div id="Bottom">            </div>
          
            </div>

</body>

</html>

__________________________________________________ _________________________

CSS

Codice HTML:

 *{
padding:0;
margin:0;
}

body
{
    background-color: black;
     font-family: arial;
    font-size: 10px;
    color: white;
    padding:0;
    margin:0;
}

#Container
{
    width: 1024px;
    margin: 0px;
}

#Menu
{
    width: 382px;
    float: left;
    background:black;
    border:0;
    position: absolute;
    left: 0;
    top: 77px;
}

#Blank
{
    height: 452px;
    width: 646px;
    float: left;
    background: white;
    border: 0;
    margin: 0px;
    margin-left: 382px;
    position: absolute;
    left: 0;
    top: 77px;
}

#Header
{
    height: 78px;
    width: 100%;
    float: left;
    background:  url("Sorgenti/Photoshop/header.jpg") top left no-repeat;
    border:0;
    margin: 0px;

}

#HeaderBottom
{
    height: 25px;
    width: 382px;
    float: left;
    background: url("Sorgenti/Photoshop/headerBottom.jpg") top left no-repeat;
    border:0;
    margin: 0px;
}

#MenuSinistra
{
    height: 427px;
    width: 382px;
    float: left;
    background: url("Sorgenti/Photoshop/menuSinistra.jpg") top left no-repeat;
    border:0;
    margin: 0px;
}

#MenuBottom
{
    overflow: auto;
    width: 382px;
    float: left;
    background: url("Sorgenti/Photoshop/menuBottom.jpg") top left repeat;
    border:0;
    margin: 0px;
}


#Footer
{
    clear: both;
    width: 1024px;
    background: url("Sorgenti/Photoshop/footer.jpg") top left no-repeat;
    border:0;
    margin: 0px;
    position: absolute;
    left: 0;
    top: 529px;
    height: 54px;
}


#Bottom
{
    border:0;
    margin: 0px;
    background: url("Sorgenti/Photoshop/bottom.jpg");
    position: absolute;
    left: 0;
    top: 583px;
}

scwd · 18-06-08, 16:50

Sinceramente non capisco il perchè, stamattina a lavoro ho provato a dargli un'occhiata (la ho installato anche ie 6) ma non sono riuscito a capire in poco tempo il problema, mentre con ie 7 è tutto ok...

Thedarkita · 20-06-08, 20:13

Vi ricordo che su ie 6 c'è un bug coi margini bisogna impostarli a -3px affinchè si vedano correttamente in tutti i browser, non ho controllato se il motivo è questo, poi altro bug presente alla dopo che usate già varie volte il float create un div e impostateli clear in both.

Con la microsoft come dobbiamo fare.....

scwd · 20-06-08, 20:39

Beh dai è vero in effetti a volte dobbiamo usare quest'affermazione, ma dalla sua parte è stata la prima a fare un sistema operativo che anche un'incapace potesse usare

17-06-08, 17:47	#1 (permalink)
aliceweb User Newbie Data di registrazione: Jun 2008 Messaggi: 4	Aiuto html, css e div prime armi - no su Ie Ciao a tutti. E' il mio primo messaggio.Io sono Alice. Piacere. Avrei un problemino e mi rivolgo a voi, dato che mi ispirate parecchia fiducia e ho trovato in passato più volte risposte su questo vostro ben fornito forum! Sto provando a creare una pagina html servendomi dei css (div) per impaginare il layout. Ora... avrei un problema. Ho tentato di fare qualche contenitore div e di metterci dentro gli oggetti (ove serviva) come background. ORRORE: su IE non si vede. Ovvero si vede sollo header e il footer, ma è come se non interpretasse ad esempio il float. Perchè al posto dei blocchi dove ho usato il float si vede lo sfondo nero. Non vede nulla. . Con firefox (che uso abitualmente) tutto ok e pure su safari Ma se... vi incollo il codice per l'htm e il css mi sapete dire che cavolo sbaglio???????? Mentori miei... vi ringrazio già da ora x le eventuali risposte! E scusate per gli sfondoni che leggerete. Ma da qualche parte si dovrà pur iniziare x imparare! __________________________________________________ _________________________ INDEX.HTML Codice HTML: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"> <head> <title>Blablabla</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="description" content=" " /> <meta name="keywords" content=" " /> <link rel="stylesheet" type="text/css" href="default.css"> </head> <body> <div id="Container"> <div id="Header"></div> <div id="Menu"> <div id="HeaderBottom"></div> <div id="MenuSinistra"></div> <div id="MenuBottom"></div> </div> <div id="Blank"> </div> <div id="Footer"> </div> <div id="Bottom"> </div> </div> </body> </html> __________________________________________________ _________________________ CSS Codice HTML: *{ padding:0; margin:0; } body { background-color: black; font-family: arial; font-size: 10px; color: white; padding:0; margin:0; } #Container { width: 1024px; margin: 0px; } #Menu { width: 382px; float: left; background:black; border:0; position: absolute; left: 0; top: 77px; } #Blank { height: 452px; width: 646px; float: left; background: white; border: 0; margin: 0px; margin-left: 382px; position: absolute; left: 0; top: 77px; } #Header { height: 78px; width: 100%; float: left; background: url("Sorgenti/Photoshop/header.jpg") top left no-repeat; border:0; margin: 0px; } #HeaderBottom { height: 25px; width: 382px; float: left; background: url("Sorgenti/Photoshop/headerBottom.jpg") top left no-repeat; border:0; margin: 0px; } #MenuSinistra { height: 427px; width: 382px; float: left; background: url("Sorgenti/Photoshop/menuSinistra.jpg") top left no-repeat; border:0; margin: 0px; } #MenuBottom { overflow: auto; width: 382px; float: left; background: url("Sorgenti/Photoshop/menuBottom.jpg") top left repeat; border:0; margin: 0px; } #Footer { clear: both; width: 1024px; background: url("Sorgenti/Photoshop/footer.jpg") top left no-repeat; border:0; margin: 0px; position: absolute; left: 0; top: 529px; height: 54px; } #Bottom { border:0; margin: 0px; background: url("Sorgenti/Photoshop/bottom.jpg"); position: absolute; left: 0; top: 583px; }
	Ultima modifica di olaola : 17-06-08 20:37. Motivo: Aggiunti i tag html

20-06-08, 20:13	#3 (permalink)
Thedarkita ModSenior Data di registrazione: Aug 2006 Ubicazione: Messina Messaggi: 6,439	Vi ricordo che su ie 6 c'è un bug coi margini bisogna impostarli a -3px affinchè si vedano correttamente in tutti i browser, non ho controllato se il motivo è questo, poi altro bug presente alla dopo che usate già varie volte il float create un div e impostateli clear in both. Con la microsoft come dobbiamo fare.....
	__________________ Gioca a calcio - Diventa un calciatore - instantempo

Condividi questo contenuto nei Social Network:		Tweet
Ti stiamo aspettando: Registrati subito e gratis. Entra a far parte di una delle comunità più attive in Italia. Se hai dimenticato i tuoi dati li puoi recuperare subito.

18-06-08, 16:50	#2 (permalink)
scwd Esperto Data di registrazione: Jan 2008 Ubicazione: Ciampino, Roma, Italia, Europa, Mondo, Sistema Solare Messaggi: 630	Sinceramente non capisco il perchè, stamattina a lavoro ho provato a dargli un'occhiata (la ho installato anche ie 6) ma non sono riuscito a capire in poco tempo il problema, mentre con ie 7 è tutto ok...

20-06-08, 20:39	#4 (permalink)
scwd Esperto Data di registrazione: Jan 2008 Ubicazione: Ciampino, Roma, Italia, Europa, Mondo, Sistema Solare Messaggi: 630	Beh dai è vero in effetti a volte dobbiamo usare quest'affermazione, ma dalla sua parte è stata la prima a fare un sistema operativo che anche un'incapace potesse usare

Strumenti di discussione
Visualizza la versione stampabile Invia la pagina tramite email