CSS-problem med height (som alla andra?)

10 svar · 491 visningar · startad av pumbster 20 feb. 2006

pumbsterMedlem sedan feb. 200612 inlägg

Frågan20 feb. 2006 22:53#1

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.

pumbsterMedlem sedan feb. 200612 inlägg

21 feb. 2006 21:14#2

ingen som kan hjälpa? skulle bli såå glad då :)

tantenMedlem sedan nov. 20051 596 inlägg

21 feb. 2006 22:08#3

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

pumbsterMedlem sedan feb. 200612 inlägg

22 feb. 2006 18:23#4

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?

InsiderMedlem sedan jan. 2000978 inlägg

22 feb. 2006 18:31#5

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;}

jarvkloMedlem sedan juli 20013 378 inlägg

22 feb. 2006 19:55#6

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 ;)

pumbsterMedlem sedan feb. 200612 inlägg

23 feb. 2006 15:39#7

jarvklo, tack så fetingmycket för hjälpen!!! väldigt snällt av dig!
du har räddat min dag!

jarvkloMedlem sedan juli 20013 378 inlägg

23 feb. 2006 15:58#8

NP - Välkommen till wF ! :birp

pumbsterMedlem sedan feb. 200612 inlägg

23 feb. 2006 17:37#9

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..

jarvkloMedlem sedan juli 20013 378 inlägg

23 feb. 2006 21:24#10

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 ?

pumbsterMedlem sedan feb. 200612 inlägg

24 feb. 2006 01:58#11

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!