Masse div'er

[kongen]

Hvordan kan jeg få 3 div'er ved siden av hverandre inne i en wrapper-div til å tilpasse seg når div a, b og c har justerbar bredde mens div d har fast bredde. Hvordan blir css?

<div id="a">
<div id="b">justerbar bredde</div>
<div id="c">justerbar bredde</div>
<div id="d">fast bredde 200px</div>
</div>

 

[Guntherman]

F.eks noe slikt :

div {
  float: left;
}
#a {
  width: 100%;
}
#b, #c {
  width: calc((100% - 200px)/2);
}
#d {
  width: 200px;
}

calc() støttes ikke av IE8, Opera Mini og Android, men ellers er du good to go

 

[kongen]

Takk Men jeg trenger noe som funker i IE8 også. Det er mange som bruker det enda.

 

[hvaer]

Du kan f.eks bruke noe herfra, sammen med det som ble skrevet over der.

CSS Calc alternative - Stack Overflow

 

[Guntherman]

Takk hvaer, da lærte jeg et nytt triks i dag også Dette burde funke :

div {
  float: left;
}
#a {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 200px;
  width: 100%;
}
#b, #c {
  width: 50%;
}
#d {
  position: absolute; top: 0; right: 0;
  width: 200px;
}

box-sizing: border-box støttes av hele hurven (ta med -moz-box-sizing for Firefox). Og husk: padding-right på div#a = width på div#d.

 

[kongen]

Takk igjen Dette må jeg prøve.