CSS Left Frame Layout:
A two columns liquid layout with the left column being static, always in view.
Sain tuon neuvojen mukaan aikaan mutta nyt haluaisin lisätä sekä vasempaan että oikeaan kolumniin reunukset jotka olisivat koko ajan molemmissa näkyvissä kolumnijen ympärillä huolimatta siitä mihin kohtaan oikeaa ollaan vieritetty.
(Toivottavasti saitte jotain selvää)
body{
margin: 0;
padding: 0;
border: 0px none;
overflow: hidden;
height: 100%;
max-height: 100%
}
#framecontent{
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 160px; /*Width of frame div*/
height: 100%;
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background-image:
url('flower.jpg');
}
#maincontent{
position: fixed;
top: 0;
left: 160px; /*Set left value to WidthOfFrameDiv*/
right: 0;
bottom: 0;
overflow: auto;
background-image:
url('rose.jpg');
}
.innertube{
margin: 15px; /*Margins for inner DIV inside each DIV (to provide padding)*/
}
* html body{ /*IE6 hack*/
padding: 0 0 0 160px; /*Set value to (0 0 0 WidthOfFrameDiv)*/
}
* html #maincontent{ /*IE6 hack*/
height: 100%;
width: 100%;
}
A two columns liquid layout with the left column being static, always in view.
Sain tuon neuvojen mukaan aikaan mutta nyt haluaisin lisätä sekä vasempaan että oikeaan kolumniin reunukset jotka olisivat koko ajan molemmissa näkyvissä kolumnijen ympärillä huolimatta siitä mihin kohtaan oikeaa ollaan vieritetty.
(Toivottavasti saitte jotain selvää)
body{
margin: 0;
padding: 0;
border: 0px none;
overflow: hidden;
height: 100%;
max-height: 100%
}
#framecontent{
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 160px; /*Width of frame div*/
height: 100%;
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background-image:
url('flower.jpg');
}
#maincontent{
position: fixed;
top: 0;
left: 160px; /*Set left value to WidthOfFrameDiv*/
right: 0;
bottom: 0;
overflow: auto;
background-image:
url('rose.jpg');
}
.innertube{
margin: 15px; /*Margins for inner DIV inside each DIV (to provide padding)*/
}
* html body{ /*IE6 hack*/
padding: 0 0 0 160px; /*Set value to (0 0 0 WidthOfFrameDiv)*/
}
* html #maincontent{ /*IE6 hack*/
height: 100%;
width: 100%;
}
Vastaukset 1
Vanhimmat
Siis tarkennusta... lisäsin molempiin osioihin tavalliseen tapaan reunukset mutta vasemman osion alaosan reunusta ei näy olenkaan. En kehdannut niitä räpellyksiä (=toivottomia yrityksiä) tänne laittaa vaan toivoin että joku voisi ohjata minut suoraan tuosta eteenpäin.
Samalla haluaisin myös kiittää kaikkia mahtavasta tuesta mitä täältä saa. Olen
yrittänyt löytää sopivaa kurssia tähän intohimoiseen harrastukseeni löytämättä mitään.
Yhden kotisivukurssin kävin mikä oli täysi pettymys ja ne kurssit jotka kuullostaisivat lupaavilta maksavat USEITA satoja euroja jota minulla ei valitettavasti ole harrastuksesta varaa maksaa. Joten jällelle on jäänyt nettisivujen ja kirjastokirjojen selailu jotka eivät valitettavasti neuvo vastauksia kun joku menee pieleen (olet unohtanut jonkun sulku tagin tms).
Joten te olette ihana apu itseopiskeluun.
KIITOS KAIKILLE !