To layers ved siden af hinanden.

display:inline på dem begge

Så fylder den jo ikke resten af det tomme plads.

Det kan man kun med frames, hvis ikke man vil basere sit layout på javascript (og det er verdens dårligste idé !-)

-- men hvorfor laver du det ikke bare med en fast bredde ?-)

roenving - hvordan ville du så gøre det med en fast bredde?

float?

Jeg lavede det rigtigt på et tidspunkt, men kom til at slette det - og har glemt hvordan :D

Men jeg fik dem på en måde ved siden af hinanden, og gjorde den boks der skulle fylde al den tomme plads til 100% i bredde.

Ja, for eksempel !-)

-- hvis det skulle være til mig selv, ville jeg nok bare tage en tabel og sætte to divs i, for så skal man ikke bøvle med de forskellige browseres måde at fortolke egenskaber på floats ...

F.eks.

<style type="text/css">
#minTabel{width:800px;margin:0 auto;border-collapse:collapse;}
#minTabel td{margin:0;padding:0;border:0;}
</style>

<table id="minTabel">
  <tr>
    <td>
      <div style="width:100px;">
        Noget
      </div></td>
    <td>
      <div style="width:700px;">
        Noget mere
      </div></td>
  </tr>
</table>

ok. jeg vil ikke bruge <table> til mit design, desværre. :/

Hvorfor ikke ?-)

ved ikke :).. synes bare ikke <table>'s hører til i et design, men kun i tabeller - hvilket jo siger sig selv :D ved ikke om det er mest korrekt.

har du ikke en idé til at lave det med <div>?

<ole>

Der er ét HTML-element, der beregnet til oprettelse af søjler: Tabellen.
Der er en del tutorial-forfattere, der har fået et eller andet fuldstændig galt i halsen - og fraråder på det kraftigste at bruge tabeller til _noget_ somhelst.

Læg mærke til, den slags påstande _aldrig_ bliver bakket op af begavet argumentaion - eller rproducerbare eksempler på tabellens 'forfærdeligheder'. Formodentlig fordi langt de fleste tutorial-forfattere ikke har skygge af viden om det, de skriver om.

Således flyder WWW med tutorials om XHTML, på trods af, jeg endnu har til gode at se en forfatter af en XHTML-tutorial, der selv har skrevet bare ét enket XHTML-dokument, der virker.
Ingen af dem har nogensinde set et XHTML-dokument, der bliver parsed som andet en dårlig HTML. Ikke desto mindre påstår de hårdnakket - og dybt forvrøvlet - at XHTML er langt bedre end HTML.
Temmelig pinligt, når nu XHTML er komplet ubrugeligt på WWW - vil være det nogen år endnu - og fungerer betydeligt dårligere end HTML4.01  ;o)

Anyway, så kan jeg ikke se det fikse i at forsøge at få elementer, der aldrig har været beregnet til at danne søjler, til at opføre sig på samme måde som en tabel.
Så er der da først tale om dårlig og ikke-semantisk kode  :)

/mvh
</bole>

"synes bare ikke <table>'s hører til i et design, men kun i tabeller - hvilket jo siger sig selv"

Det kan jeg simpelthen ikke få mening i. Det lyder, somom du har nogle meget aparte opfattelser af, hvad et design er - og hvad en tabel er. Jeg kan slet ikke se, hvordan du vil kunne bruge en tabel, uden den indgår i designet  :)
- og hvis man har brug for en tabels egenskaber ... må man så ikke have designet siden ... eller ...?!??!!!

Jeg kan ikke - i den kommentar - få øje på noget, der siger sig selv  :)

Jeg mente blot at jeg selv ikke ville opstille mit layout med tabeller, da min opfattelse af tabeller er, at udelukkende bruges til at opstille et skema :)
- Det er garanteret forkert, men det er jo en smagssag, hvad man vil bruge til sit layout.

Kan man med nogle andre tags opfylde mit ønske?

Ja, naturligvis er det da en selv, der afgør, om man vil skrive semantisk og logisk kode - eller lade være  :)

God kode har aldrig været baseret på smag og behag og/eller religiøse overbevisninger.
God kode baserer sig på indsigt, forståelse af teknologierne, godt håndværk, høj grad af semantik og logik.
Heldigvis har vi W3C - hvorfor er vi helt fri for at skulle bruge energi på at tænke på smag, behag og religiøse preferencer.

Man kan godt bruge andre tags ... men spørgsmålet er nok, om nogen gider bruge tid på en løsning, de aldrig selv kunne finde på at anvende  :)

- men du kan kun bruge andre elementer, hvis det er inline-elementer - de har faste bredder - eller floates  :)

kan du nævne et sådan element? :P

- jamen, så må vi jo prøve forfra:

Du kan godt bruge div - men så skal de ændres til inline-elementer, eller de får en fast bredde og floates, eller de får en fast bredde og positioneres absolute.

Da, du ikke har lyst til det - og det kan jeg da godt forstå - har du kun tabellen tilbage. Er det virkelig _så_ svært at forstå?

det var jo faktisk dig selv der nævnte de flere mulige tags, men som du ikke gad at bruge tid på. jeg spurgte dig blot igen, om du kunne nævne et element jeg kunne arbejde med.

synes du ikke selv, at du taler meget ned til folk?

Hrm, der er jo nok lige en tavetosse eller to i indlægget 19/10-2005 22:54:53 ...

-- inline-elementer er beregnet til at blive placeret inde iblandt andre elementer, ligesom f.eks. kursiverede bogstaver midt i en tekst, og det giver derfor ingen mening, at de har en bredde, som bestemmes af andet, end den bredde, som tekst-indholdet faktisk har ...

-- floats er blok-elementer, som mod deres normale natur alligevel placeres på samme niveau, som man normalt placerer inline-elementer, men de er derfor placeret udenfor det normale dokument-flow, og omkransende elementer bør derfor ikke renderes ud fra deres egenskaber i normalt dokument-flow ...

-- det gør den mest udbredte browser desværre, hvorfor det giver en masse problemer at få ting til at fungere ens cross-browser ...

Se f.eks. http://exp.dk/spm/656908#rid5865889 !-)

Hvis du vil lave to layers uden float, men ikke vil bruge tables eller inline, kan du bruge position:absolute.

Du skal wrappe et div uden om begge layers, som en slags "container". Den giver du position:relative; i CSS.

Og så kan du give dem position ved position:absolute;. Dette skriver du i CSS til begge layers. Det venstre layer kan så få top: 0; og left: 0;. Og tilsvarende kan det højre få top: 0; og right: 0;.

Så skal de begge to have en fast bredde .. og så skal container-elementet så selvfølgelig have bredden som svarer til de to layers bredde lagt sammen .. så de ikke er spredt langt væk fra hinanden.

net.