Log In
Home
February 11, 2005
Offline
Begriper mig inte på hur man delar in sidan i olika divisions. :banghead:
Så här ska det se ut, ungefär:
[Image Can Not Be Found]
Hur positionerar man de olika områdena?
Fråga på om det är något!
December 26, 2003
Offline
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Test</title>
<style type="text/css" media="screen, projection">
* { margin: 0; padding: 0; }
h1, p { margin: 1em 0; }
h1 { font-size: 200%; }
html, body { height: 100%; }
html {
background: white;
color: black;
}
#foo, #bar {
position: absolute;
top: 0;
width: 15%;
}
#foo { left: 0; }
#bar { right: 0; }
#header {
background: khaki;
height: 10em;
position: relative; z-index: 2; /* överlappa #sidebar */
}
#main {
position: relative;
background: lime;
min-height: 100%;
_height: 100%; /* IE */
margin: 0 15%; /* Ge plats åt sidokolumnerna */
}
#sidebar {
position: absolute;
top: 0;
right: 0;
width: 25%;
min-height: 100%;
_height: 100%; /* IE */
background: aqua;
}
#sidebar .inner {
margin-top: 10em; /* Ge plats åt #header */
}
.inner, #content, #header { padding: .1em .5em; }
</style>
</head>
<body>
<div id="main">
<div id="header">
<h1>Test</h1>
</div>
<div id="content">
Content</p>
</div>
<div id="sidebar">
<div class="inner">
Sidebar</p>
</div>
</div>
</div>
<div id="foo">
<div class="inner">
Foo</p>
</div>
</div>
<div id="bar">
<div class="inner">
Bar</p>
</div>
</div>
</body>
</html>
Äh, vad DIVigt det blev 😉
February 11, 2005
Offline
Du är min favorit! :worship:
Lite nyfiken bara... Vad syftar "Foo" och "Bar" på?
Det här är ett litet sidoprojekt till den sida jag brukar bygga på, och jag har hela 3 timmar på mig att bygga klart den! Bäst att börja!
February 11, 2005
Offline
🙁
Har hittat några små fel...
1) Texten i det gröna området fortsätter in under sidebar till höger! Vad göra?
2) Texten syns inte i sidebar! Det verkar som om sidebar börjar uppe i header för om man gör tillräckligt många radbyten så tittar texten fram under kanten. Sidebar får tvärtom gärna börja en bit (typ 20px) under header. Hur kan jag justera det här?
God natt!
December 26, 2003
Offline
🙂 http://dictionary.reference.co.....arch?q=foo
- Ojdå. Det löser du med:
#content {
margin-right: 25%; /* Ge plats åt #sidebar */
} - Har du lagt texten i #sidebar .inner? För jag har redan gett en övre marginal för att ge plats åt #header...
Jag ser även att bakgrunden för #content slutar tvärt om #sidebar är längre, och om man scrollar ner... Men om du vet att #content är längre än #sidebar så spelar det ingen större roll. 😉
1 Guest(s)
