I början av Januari 2014 låstes Whoa och du kan alltså ej logga in eller skriva något nytt i forumen. Innehåll i forum osv kommer finnas tillgängligt. Läs Mer »

div "position" fråga

Hobby & Fritid - Datorer & Teknik

   

2009-01-27 20:13

div "position" fråga

Hej. Jag har:

#container {
width: 700px;
background-color: #ffffff;
color: #2a2a2a;
position: relative;
}

#box {
width: 640px;
top: 30px;
left: 30px;
background-color: #ffffff;
color: #2a2a2a;
position: relative;
}


"box" ska placeras innuti "container" och på så sätt vill jag få 30px space till vänster, uppe och till höger. Problemet är att "container" blir bara en rad hög och "box" hamnar UNDER "container". Container anpassar alltså inte höjden efter hur hög "box" är. Antar att det har med position att göra, men har testat olika kombinationer och det blir inte bättre.

Det hade varit enkelt att lösa genom att skriva in height på de båda divarna men innehållet kommer variera för varje box så det funkar inte.

Hur ska jag göra för att "container" ska anpassa höjden efter "box"?

jag har alltid rätt.

2009-01-27 20:51
Det närmsta jag kan komma är position: static; men då funkar inte top: 30; och left: 30;
jag har alltid rätt.

2009-01-28 08:51
Har du <div id="box"> innanför <div id="container"> innanför och inte utanför då ;)?
Denna användare har skrivit alla inlägg där användaren har tagits bort från whoa.

2009-01-28 10:05
du maste nog ha float: left; pa bada
men du behover nog inte heller position: relative; heller
varfor inte bara lagga den som margin: 30px 0px 0px 30px;


2009-02-03 17:12
pornflakes: För att margin läggs på insidan av safari och firefox men på IE (och opera tror jag) läggs den på utsidan, vilket innebär att diven blir för stor.
jag har alltid rätt.

2009-02-07 00:08
Margin ar alltid pa utsidan och Padding ar alltid pa insidan oavsett browser.

Länk till http://lkamal.blogspot.com/2006/12/margin-vs-padding-css-properties.html

2009-02-07 03:26
Position: ABSOLUTE

eller tabeller, kör tabeller som du anropar css med istället, det fungerar absolut bäst

- <table>
- <tr>
- <td class="BLAHA">
- <td class="BLA2"> box inna di box? </td>
- </td>
- </tr>
- </table>
" Everyone interprets everything in terms of his own experience. If you say anything which does not touch a precisely similar spot in another man's brain, he either misunderstand you, or doesn't understand you at all. "

2009-02-07 19:40
skämtar du pusherman? det där var det sämsta tipset hittils. position: absolute; är oxå helt onödigt i detta fall.

såhär gör du:

#container {
width: 640px;
padding: 30px;
background: #fff;
}

#box {
background: #f00;
}

<div id="container">
<div id="box">blabla</div>
</div>

bredden blir 640px eftersom padding ökar bredden, så för att uppnå 700px bredd drar man av 60 för paddingen (700-60) och sätter det som bredd.
this is for my niggas and my nymphos, non stop bangin like a dilla instrumental