Forum Flash, Actionscript, PHP e MySQL
[CSS] Layout a 3 colonne

 
Nuovo Topic   Rispondi    Forum Flash, Actionscript, PHP e MySQL » HTML, XHTML, CSS, standard W3C e accessibilità
Precedente  Successivo 
Autore Messaggio
ishan
principiante
principiante



Registrato: 20/01/06 13:31
Messaggi: 44

MessaggioOggetto: [CSS] Layout a 3 colonne
Inviato: 12.06.06 | 14:38
Rispondi citando

Ho un problema con un layout a 3 colonne con dimensioni fisse e altezza al 100%, dove il footer deve essere sempre presente in basso.
Il problema è che su IE tutto si vede bene, fino a un certo punto poi dopo sballa anche lui, mentre su firefox i DIV navigazione, extra e footer non hanno un altezza al 100% e quindi i contenuti 'strabordano' e finiscono sotto il footer.Non so se sono riuscito a farmi comprendere.

http://www.leganavalemonopoli.it/css/statuto.php

 
Codice:
html,body
{
margin: 0px;
padding: 0px;
height: 100%;
}
div#container
{
width:1000px;
height: 100%;
margin:0px auto;
text-align:left;
background:url(immagini/bg_colonne.gif) repeat-y top right;
position:relative;
}
div#container2
{
width: 1000px;
background: url(immagini/bg_colonne.gif) repeat-y top left ;
text-align:left;
position:relative;
height: 100%;
}
/*body > div#container
{
height: 100%;
min-height: 100%;
}
body > div#container2
{
height: 100%;
min-height: 100%;
}*/
div#header
{
height: 225px;
width: 100%;
position:relative;
}
div#navigation
{
float: left;
width: 160px;
\width:170px;
w\idth:160px;
position:relative;
height: 100%;
min-height: 100%;
}
div#extra
{
float: right;
width: 170px;
position:relative;
right: 0px;
height: 100%;
min-height: 100%;
}
div#extra p
{
margin: 0;
}
div#contenuti
{
width: 660px;
position:absolute;
left: 170px;
height: 100%;
}
div#corpo
{
position: absolute;
top: 62px;
width: 645px;
margin: 10px 5px 0px 5px;
}
div#BGtitolo
{
background: url(immagini/titolo.jpg) no-repeat;
width: 100%;
height: 62px;
position:absolute;
}
div#TXTtitolo
{
position:absolute;
font-family:Arial, Helvetica, sans-serif;
top: 20px;
left: 20px;
font-size:22px;
font-weight:bold;
color:#FFFFFF;
}
div#footer
{
clear:both;
background: url(immagini/footer.jpg) no-repeat;
color: #000;
position:absolute;
bottom: 0px;
width: 1000px;
height: 60px;
}
div#TXTfooter
{
position:absolute;
width: 1000px;
font-family:Arial, Helvetica, sans-serif;
/*left: 250px;*/
bottom: 0px;
font-size:11px;
text-align:center;
color:#FFFFFF;
}
.txtTitoloCorpo
{
font:Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
color:#00669A;
}
.txtSottoTitoloCorpo
{
font:Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color:#00669A;
}
.txtCorpo
{
font:Arial, Helvetica, sans-serif;
font-size: 14px;
color:#00669A;
text-align:justify;
}
.txtCorpoStatuto1
{
font:Arial, Helvetica, sans-serif;
font-size: 14px;
color:#00669A;
text-align:justify;
background:#7BC9E3;
padding: 5px;
}
.txtCorpoStatuto2
{
font:Arial, Helvetica, sans-serif;
font-size: 14px;
color:#00669A;
text-align:justify;
background:#C5EBFB;
padding: 5px;
}
Torna in cima
Profilo Messaggio privato   MSN Messenger
Sponsor
Coach
amministratore
amministratore


Età: -1981
Registrato: 31/01/03 13:50
Messaggi: 4549
Località: Verona

MessaggioOggetto:
Inviato: 13.06.06 | 17:57
Rispondi citando

Ciao ishan,
scusami ma non riesco a mettermi a guardare tutto il CSS per capire se fai 1 o più errori, per motivi di tempo. :(

Se hai un problema specifico è una cosa più fattibile.
A primo occhio essendo un problema del footer, di sicuro queste 2 dichiarazioni non vanno bene:
 
Codice:
position:absolute;
bottom: 0px;

____________________________________________________________


Il Forum è uno strumento di condivisione, oltre a fare DOMANDE, si possono anche dare RISPOSTE!
Torna in cima
Profilo Messaggio privato [ Nascosto ] HomePage Yahoo Messenger MSN Messenger Skype
mesk8
avanzato
avanzato


Età: -1984
Registrato: 31/10/05 16:41
Messaggi: 252
Località: Verona

MessaggioOggetto:
Inviato: 13.06.06 | 20:16
Rispondi citando

Provo a darci un'occhiata io, intanto prova a vedere su questo sito
www.html.it - css nella sezione layout a tre colonne
Torna in cima
Profilo Messaggio privato [ Nascosto ] MSN Messenger
ishan
principiante
principiante



Registrato: 20/01/06 13:31
Messaggi: 44

MessaggioOggetto:
Inviato: 13.06.06 | 20:28
Rispondi citando

 
mesk8 ha scritto:
Provo a darci un'occhiata io, intanto prova a vedere su questo sito
www.html.it - css nella sezione layout a tre colonne


mangio pane e html.it Very Happy
lo fequento assiduamente e da li ho iniziato a migrare dalle table ai div...devo dire che è duro, non tanto per il metodo, ma pe rlo sbattimento di bolas a testare 700 browser per vedere se il css è coerente in tutti i browser...prima IE, poi firefox poi opera su pc e poi safari, IE, opera, firefoz su mac.....da impazzire !!!!!!! quasi qausi ritorno alle table e 'fanculo all'accessibilità e al w3c Mr. Green
Torna in cima
Profilo Messaggio privato   MSN Messenger
Coach
amministratore
amministratore


Età: -1981
Registrato: 31/01/03 13:50
Messaggi: 4549
Località: Verona

MessaggioOggetto:
Inviato: 14.06.06 | 18:27
Rispondi citando

hehehe :)

Ricorda che quasi di default, quello che visualizzi su Firefox è quasi sempre l'interpretazione corretta, mentre Internet Explorer di sicuro sbaglia ^^

____________________________________________________________


Il Forum è uno strumento di condivisione, oltre a fare DOMANDE, si possono anche dare RISPOSTE!
Torna in cima
Profilo Messaggio privato [ Nascosto ] HomePage Yahoo Messenger MSN Messenger Skype
ishan
principiante
principiante



Registrato: 20/01/06 13:31
Messaggi: 44

MessaggioOggetto:
Inviato: 16.06.06 | 10:49
Rispondi citando

Allora, una prima versione del sito è online, pero' ha seri 'problemi' in homepage se lo si vede con firefox su pc e con qualsiasi browser su mac, il sito è http://www.leganavalemonopoli.it/ e in homepage, nella aprte centrale, il container, ogni notizia è posta in un div uno sotto l'altro, solo che in IE come margine inferiore considera tutto il livello compreso dell'immagine, mentre negli altri browser come margine inferiore considera la fine del paragrafo di testo....cosa mi consigliate? se vi serve vi do la porzione di css inerente da guardare...
Torna in cima
Profilo Messaggio privato   MSN Messenger
ishan
principiante
principiante



Registrato: 20/01/06 13:31
Messaggi: 44

MessaggioOggetto:
Inviato: 16.06.06 | 12:08
Rispondi citando

mmm pare abbia risolto, per ora.... Whistle
Torna in cima
Profilo Messaggio privato   MSN Messenger
Mostra prima i messaggi di:   
Nuovo Topic   Rispondi    Forum Flash, Actionscript, PHP e MySQL » HTML, XHTML, CSS, standard W3C e accessibilità Tutti i fusi orari sono GMT + 2 ore
Pagina 1 di 1

Discussioni Simili
Topic Autore Forum Risposte Ultimo Messaggio
Nessun nuovo messaggio [CSS]-Layout a tre colonne cicciofarmaco HTML, XHTML, CSS, standard W3C e accessibilità 6 18.03.06 | 19:21 Leggi gli ultimi messaggi
Coach
Nessun nuovo messaggio layout css su tre colonne Mozilla ok,... Lau HTML, XHTML, CSS, standard W3C e accessibilità 8 29.03.07 | 12:51 Leggi gli ultimi messaggi
mesk8
Topic chiuso sezione cicciofarmaco, layout a tre c... mesk8 HTML, XHTML, CSS, standard W3C e accessibilità 3 26.03.06 | 17:33 Leggi gli ultimi messaggi
Coach
Nessun nuovo messaggio sql in locale e ricerca nelle colonne suns ActionScript & Server Side 5 26.05.09 | 10:23 Leggi gli ultimi messaggi
AngaraT
Nessun nuovo messaggio Importare layout in dreamweaver bambo Grafica e web design 6 27.02.08 | 15:25 Leggi gli ultimi messaggi
bambo



 
Vai a:  
Non puoi inserire nuovi Topic in questo forum
Non puoi rispondere ai Topic in questo forum
Non puoi modificare i tuoi messaggi in questo forum
Non puoi cancellare i tuoi messaggi in questo forum
Non puoi votare nei sondaggi in questo forum
Non puoi allegare files in questo forum
Puoi downloadare gli allegati in questo forum



Powered by phpBB © 2001, 2002 phpBB Group - phpBB SEO Designed by coachdesign - © 2003-2005