DIV boks med gradient-baggrund

Det lyder, som om du har sat dem ind som billeder (<img src="noget">). De skal jo sættes ind som baggrund (style="background-image:url('noget')").
Eller misforstår jeg?

Og så kan du i øvrigt nok nøjes med at lave dem 10x1 px

nope - jeg har smidt dem ind som background-image i mit CSS-dokument, og desværre er gradienten ikke kun horizontal, men også vertical - så derfor er det ikke muligt kun at lave den 1px høj

selve HTML-opbygning:

<div class="maindesign">

  <div class="borderleft">
  </div>
  <div class="main">
    <div class="header">
    </div>
    <div class="menu">
    </div>
    <div class="content">
    </div>
  </div>
  <div class="borderright">
  </div>
 
</div>

- borderleft, main og borderright er så udstyrret med en "float:left;"

jeg vil så gerne have boksen "main" til at styre højden på "borderleft" og "borderright"

Jamen når div'en, som baggrunden vises i, bliver det jo cuttet af, som du ønsker, uden at den bliver forvrænget?

således at borderleft og borderright ALTID er lige så lange som main
- og det hjælper IKKE at skrive "height: 100%;

Ah, på den måde. Det har der godt nok været spurgt om herinde mange gange.

Jeg tror, der er blevet en CSS-løsning til dette, og jeg har selv engang brugt en javascript-løsning.
Desværre har jeg pt. ingen af disse.

nej, for jeg har defineret den til at være 1000px høj - men hvis jeg fjerner højdedefinitionen, så blover borderleft og borderright kun ca. 10px høje, mens main har den længde som main skal have

bliver, skulle der have stået :)

jeg kan godt nok ikke finde noget når jeg søger, men det er måske bare mig der er blind? ;)

Hej 44fire44

Kan du tage et screenshot og vise hvordan du ønsker det.?

mvh
Steffan

Steffansteffan>> 44fire44 har en div, som indeholder 3 andre div'er: 2 til design og 1 med indhold. De 2 design-div'er skal altid være lige så høje som indholdsdiv'en.

ja, det er lidt svært at tage et screenshot og forklare det derudfra, men w13 har fuldstændig ret :)

de to design-divs er desværre vertikalt gradierende - og dvs. at de bliver nødt til at være 1000px høje for at passe i designet - men når min content-div kun er 400px høj for at tage et eksembel, så skal de 1000px skæres ned til samme højde som min content-div - altså i dette tilfælde 400px

Hvad med og gøre således at istedet for den er 1000px så lave den til 100% hele tiden. Så vil indholdet af de to andre diver gører den større og mindre ud fra hvor meget indhold du har.
Koden der laver 100% kan ses her:
http://www.pcfreek.dk/?p=272

har prøvet - virker ikke

Synkroniser højden onload, se f.eks. http://www.eksperten.dk/spm/827142 !-)

jeg fik det desværre aldrig rigtig til at virke :/

lukker