10 svar · 487 visningar · startad av pumbster
Hej.
Håller på med en hemsida åt en vän, den ligger
temporärt på http://aleks.gej.se.
Problemet är två olika divs, med id:na #kantlbot
och #kantrbot. Dom ska ha en margin-top på 139px, men
dom ska oxå ha en height på 100%, fast typ minus marginen,
så att det inte kommer någon scrollbar.
Har försökt med height:-139px; men det funkar inte..
Är ganska ny på allt det här, så jag vore väldigt tacksam för hjälp.
Länk till stylesheet här.
Mvh,
Erik.
ingen som kan hjälpa? skulle bli såå glad då :)
Har tittat lite på din sida och tycker att du gjort en lite besvärlig design. ;)
Kommer med ett förslag som inte är ett svar på din fråga men ... jag skulle nog ha försökt dela upp dina "vita fält till två divar med border runt i stället för bilder.
border: 5px ridge #808080;
blir åtminstone med mina ögon sett ganska likt det du gjort och mycket lättare att hantera... och med mindre kod...
/tanten
ja det e nog lite rörigt.. men jag e ju ny på det här :)
ridge använder ändå bara två färger.. och inga runda hörn :)
tack för din hjälp iaf och att du tog tiden.. kanske kan dela upp dom vita fälten..
men ingen som kan svaret på originalfrågan?
Du skulle nog göra det mycket enklare för dig själv om du tänkte om lite:
Istället för att låta <div> gå ända ner till sidans slut kanske du kan lägga in en bakgrundsbild som ger effekten av att sidan sträcker sig hela vägen ner.
body {background:#ccc url(bg.jpg) repeat-y;}
Hmm...
Jag håller med Insider - man kan tänka i lite andra banor och det är inte alltid nödvändigt att dela upp en fastbreddsdesign i så små delar...
Jag svängde ihop följande trestegsexempel baserat på en skärmdump av din sida (och det är ungefär såhär det kan bli om du gör som Insider antyder, även om jag använder en 100% hög div som container i exemplet tvärtemot hans råd ;) )...
http://member.webforum.nu/2241/hundraprocentsteg1.html (kolla koden i respektive delsteg och hur de tre bilderna är klippta...)
Sidloggan kan du sedan absolutpositionera ungefär som du gör idag ;)
jarvklo, tack så fetingmycket för hjälpen!!! väldigt snällt av dig!
du har räddat min dag!
NP - Välkommen till wF ! :birp
jarvklo skrev:
NP - Välkommen till wF ! :birp
tackar :)
nu jag har en liten till fråga om en sak jag inte förstår..
i #header skrev du
#header {
height:24px; /* bilden är 139 = 24 + 115 */
padding-top: 115px;
jag fattar inte riktigt hur du kom fram till exakt 24...
testade du bara eller?
jag har en ny bild som e 199 px hög.. och prövar jag med
175 padding och 24 height blir det fel..
Hmm..
24 px är höjden mellan bakgrundsbildens nedersta gräns (under "runda hörnen" på huvudarean) och ovankanten på menyn. Jag mätte på bilden har jag för mig :)
Ändrar du bilden, beror måttet på hur "tight" du klipper den...
Just nu ser det iallafall ut som om du fått till det - stämmer det ?
jo jag fick till det.. men jag va tvungen att använda 26 + 176 till height och padding.. väldigt skumt.. det blir ju 202 och bilden är 199px hög.. ja ville egentligen bara veta vad jag gjorde :)
tack igen för din hjälp!