* * * Scuola forum (scuo.la) - Forum di discussione per le scuole Discussione * * *
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
Discussione : Allineamento al centro di alcuni DIV
Started at 11-21-2009 08:58 PM by Margenius
Visit at https://www.scuolaforum.org/showthread.php?t=3859
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
[Messaggio 1]
Author : Margenius
data : 11-21-2009 08:58 PM
Titolo della discussione : Allineamento al centro di alcuni DIV
Salve a tutti... Sono un aspirante webmaster che sta tentando da un paio di giorni di risolvere alcuni problemi legati al posizionamento di alcuni DIV all'interno del sito che sto preparando. Il mio obiettvo č quello di centrare tutta la pagina in entrambi i browsers (Internet Explorer e Firefox). Sono riuscito attualmente a centrare il tutto con Internet Explorer..., ma purtroppo ho grossi problemi con Firefox... Posto qui sotto le pagine HTML e CSS per rendere l'idea del progetto... Se qualcuno mi potesse dare dei suggerimenti su come potere risolvere questo grande problema mi farebbe un grande favore!!!
Parte HTML:
GOSIA ANDRZEJEWICZ ITALIA
CLICCA SUL LINK CHE TI INTERESSA PER VISUALIZZARE LE FOTO
SEZIONE AGGIORNATA AL 10 AGOSTO 2009
.......................
Parte CSS:
* { margin: 0; padding: 0; }
html {
background-color: white;
background-image: url(Skins/Gosia_Andrzejewicz_3.jpg);
background-repeat: no-repeat;
background-position: center;
color: #000000;
font: 190% "Ignacio", "Sybil Green", arial, sans-serif;
font-weight: bold;
}
body {
background-position: center;
margin: 0;
padding: 0;
text-align: center;
}
p {
margin: 35px;
font-family: "Ignacio", "Sybil Green", arial, sans-serif;
text-align: center;
}
a {
background-color: inherit;
color: blue;
padding: 1px 0;
line-height: 52.5px;
}
#container {
margin: auto;
text-align: left;
}
#header {
text-align: center;
/*margin-left: -50px;*/
}
div#gallery {
text-align: center;
width: 30em;
margin: auto;
}
div#album {
float: left;
width: 15em;
text-align: center;
}
div#concerti {
float: left;
width: 15em;
text-align: center;
margin-top: 20px;
}
div#eventi {
float: left;
width: 15em;
text-align: center;
}
div#altre {
float: left;
width: 15em;
text-align: center;
margin-top: 20px;
}
div#validate {
text-align: left;
margin: auto;
width: 800px;
}
p.presentazione {
font-family: "Ignacio", foo, bar, verdana;
font-size: 60%;
color: black;
text-align: center;
margin: 20px;
}
a.sxdx {
font-family: "Curlz MT";
font-size: 50%;
}
body {
margin:0 1px 0 0;
}
fieldset {
width: 400px;
text-align: center;
}
legend {
font-family: "Curlz MT", foo, bar, verdana;
font-size: 40%;
font-style: italic;
color: black;
}
img {
margin-top: 15px;
border: 0;
}
#footer {
/*position: relative;*/
bottom: 0;
margin: 0;
text-align: center;width: 800px;
/*margin-left: -50px;*/
}
Il file CSS č ovviamente quello utilizzato per Firefox..., ovvero 'GalleriaMF.css'... Ovviamente se si ruscisse a trovare una soluzione ideale per il centramento in entrambi i browsers sarebbe anche meglio..., cosě magari toglierei anche lo script in JS per la scelta del file CSS... Cmq, aspetto fiducioso in qualche prezioso consiglio... Grazie anticipatemente!!!
:ok:
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
Downloaded from Scuola forum (scuo.la) - Forum di discussione per le scuole (https://www.scuolaforum.org) at 05-02-2024 05:57 PM.
