View previous topic :: View next topic |
Author |
Message |
identity
Joined: 08 Mar 2004 Posts: 16 Location: Zagreb
|
Posted: 01.12.2004 19:18 Post subject: CSS - footer pozicioniranje |
|
|
Pozdrav
Trebao bi pomoc sa CSS-om ... radim site u css-u i xhtml transitional standardu .. i pokusavam izbjeci tablice ... problem mi nastaje sa footerom kojeg nemogu nikako pozicionirati ispod content-a. Ima li netko prijedlog kako to učiniti .. ne radi mi ni absolute ni relative positioning ..
Code: |
header {
position:absolute; /* Position is declared "relative" to gain control of stacking order (z-index). */
width: 780px; height: 95px;
top: 10px;
left: 10px;
border:1px solid black;
background-color: #005DA3;
z-index:2; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
}
.footer {
position: relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
width: 456px; height: 10px;
left: 151px;
border:1px solid black;
background-color: #005DA3;
z-index:2; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
padding: 10px;
}
.content {
position:absolute; /* Position is declared "relative" to gain control of stacking order (z-index). */
width: 456px;
height: 1000px;
top: 120px;
left:151px;
border: 1px dashed #AAAAAA;
background-color:white;
z-index:2; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
padding: 10px;
}
#navAlpha {
position:absolute;
width:130px;
top:120px;
left:10px;
border: 1px dashed #AAAAAA;
border-right: 0px;
background-color:#fff;
z-index:2;
voice-family: "\"}\"";
voice-family:inherit;
width:130px;
padding: 5px;
}
body>#navAlpha {width:130px;}
#navBeta {
position:absolute;
width:150px;
top:120px;
left:628px;
border: 1px dashed #AAAAAA;
background-color:#fff;
z-index:1;
voice-family: "\"}\"";
voice-family:inherit;
width:150px;
padding: 5px;
}
body>#navBeta {width:150px;}
|
|
|
|
Back to top |
|
|
zytzagoo mi3.crew
Joined: 25 Aug 2003 Posts: 1842 Location: Zagreb, Hrvatska
|
Posted: 01.12.2004 20:13 Post subject: |
|
|
U gornjem kodu fali tocka ili # prije definicije headera (ovisno kako je referenciran taj dio u htmlu) - nadam se da to nije uzrok tvojih problema...
Dalje od toga (bez konkretne stranice ili barem html-a koji pokusavas pozicionirati) cemo tesko doci samo sa css-om... |
_________________ [+]I[+]am[+]my[+]own[+]religion[+] |
|
Back to top |
|
|
maratz mi3.crew
Joined: 24 Nov 2003 Posts: 1207 Location: ZAG
|
|
Back to top |
|
|
identity
Joined: 08 Mar 2004 Posts: 16 Location: Zagreb
|
Posted: 05.12.2004 16:25 Post subject: |
|
|
ah soory kaj nisam sve copy paste ovdje, ali nakon 6h mučenja uspio sam naći rješenje koje će raditi u svim browserima normalno. thnx anyway. |
|
|
Back to top |
|
|
|