---

Jeg har 3 boxe ved siden af hinanden:

[box 1][box 2][box 3]

Ser således ud:

#spalte1 {
   float:left;
   width:299px;
   height: 75px;
   background-image: url("/Shop/Grafik/Laura.jpg");
   background-position: left bottom;
   background-repeat: no-repeat;
}
#spalte2 {
   float:left;
   width:60.59%;
   height: 75px;
   background-image: url("/Shop/Grafik/Bar.jpg");
   background-position: bottom;
   background-repeat: repeat-x;
}
#spalte3 {
   float:right;
   width:14px;
   height: 75px;
   background-image: url("/Shop/Grafik/EndBar.jpg");
   background-position: right bottom;
   background-repeat: no-repeat;
}

Mit problem er at jeg i box 1 har angivet width i px (da
baggrundsbilledet er 299px) og det samme i box 3 (da
baggrundsbilledet er 14px). Problem hvordan får jeg sat width i
box 2 så baggrundsbilledet fylder hele box 2 ud (box 2 er jo sat
til repeat-x).

Sort snak?

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

Jacob .. wrote:

> #spalte1 {
> float:left;
> width:299px;
[klip irrelevant kode - mht. spørgsmålet]
> }
> #spalte2 {
> float:left;
> width:60.59%;
[klip irrelevant kode - mht. spørgsmålet]
> background-image: url("/Shop/Grafik/Bar.jpg");
> background-position: bottom;
> background-repeat: repeat-x;
> }
> #spalte3 {
> float:right;
> width:14px;
[klip irrelevant kode - mht. spørgsmålet]
> }

Idet jeg går ud fra at spalte 2 skal fylde hele mellemrummet mellem
spalterne 1 og 3, vil jeg foreslå at du fjerner breddedefinitionen og float
fra #spalte2 og i stedet sætter en margin-left lig med bredden på spalte1 og
margin-right lig med bredden på spalte 3.

Så vil et i spalte 2 indsat baggrundsbillede fylde hele bredden.

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://html-faq.dk
http://ginnerskov.frac.dk/