Efter mange tanker skrev rasmusp:
> Birger Sørensen wrote in dk.edb.internet.webdesign.html:
>> rasmusp kom med denne ide:
>>> Birger Sørensen wrote in dk.edb.internet.webdesign.html:
>>>> rasmusp forklarede:
>>>>> Birger Sørensen wrote in dk.edb.internet.webdesign.html:
>>>>>> rasmusp har bragt dette til os:
>>>>>>> Hey folkens.
>>>>>>>
>>>>>>> Jeg har et problem med et projekt: Jeg har fået et design på en
>>>>>>> vis størrelse og sat det
>>>>>>> op i div's med en div der så indeholder det hele.
>>>>>>>
>>>>>>> Der er angivet både højde og bredde, position: absolute og
>>>>>>> placering til alle divs.
>>>>>>>
>>>>>>> Jeg vil gerne have "content" til ikke at scrolle når indholdet
>>>>>>> fylder mere end den div kan
>>>>>>> indeholde, men udvidde sig nedad.
>>>>>>>
>>>>>>> Hvordan kan man lave det?
>>>>>>>
>>>>>>> På forhånd tak..
>>>>>>
>>>>>> min-height?
>>>>>>
>>>>>> Birger
>>>>>>
>>>>>> --
>>>>>>
http://varmeretter.dk - billig, sund og hurtig mad
>>>>>>
http://bbsorensen.dk
>>>>>>
>>>>>>
>>>>>
>>>>> Det har jeg prøvet uden held. Jeg har prøvet at lave et lille
>>>>> eksempel,
http://medieweb.dk/test/ og css'en ligger på
>>>>>
http://medieweb.dk/test/test.css
>>>>>
>>>>> Hvor laver jeg fejlen?
>>>>
>>>> I dit hoved... B-)
>>>> Det kan ikke lade sig gøre at fylde mere på skærmen, end der er plads
>>>> til. Og det er det du forsøger med den absolutte positionering.
>>>> Bortset fra det, ved du ikke hvilken vinduesstørrelse brugerens browser
>>>> har, så du kan helt fra starten risikere, at der skal scrollbarer til
>>>> overhovedet at se hele indholdet - selv når der ikke er noget ;>)
>>>>
>>>> Du kan løse det, ved at sætte min-height på #midt og #bund, og fjerne
>>>> position, top og bottom fra dem begge.
>>>> Så virker det, og er fikst nok.
>>>>
>>>> Birger
>>>>
>>>> --
>>>>
http://varmeretter.dk - billig, sund og hurtig mad
>>>>
http://bbsorensen.dk
>>>>
>>>>
>>> Jeg siger mange tak, men så er jeg stødt på endnu et problem. Hvis jeg har
>>> 2 div, der skal være ved siden af hinanden. Altså jeg har en hvor jeg har
>>> sat den til
>>>
>>> left: 231px;
>>>
>>> Så er det vel nødvendigt at give denne div position til absolute?
>>>
>>> Men problemet er bare de så bliver forskudt af hinanden.
>>
>> Nej.
>> Samme width ( 300 - til hver, hvis jeg husker rigtigt.
>> På den div der skal til venstre sætter du float : left; og den anden
>> float : right;
>>
>> Det burde kunne gøre det.
>> Er ikke lige sikker, men syntes der er noget med at når man floater og
>> højden.
>> Men prøv det - det kan ikke gå værre end det ikke kan bruges...
>>
>> Birger
>>
>> --
>>
http://varmeretter.dk - billig, sund og hurtig mad
>>
http://bbsorensen.dk
>>
>>
> Det er super dejligt med din hjælp :)
>
> Den første jeg viste dig, var bare for at prøve det af. Nu er jeg igang med
> et "rigtig" design, og løber ind i et par problemer.
>
> Siden findes her:
http://medieweb.dk/billed/index.html
> css her:
http://medieweb.dk/billed/css/style.css
>
> Som du kan se er det kun den ene div der tilpasser sig efter størrelsen, jeg
> vil gerne have haft de begge tilpassede sig. Deruodver har jeg sat en div ind
> #bund, jeg kan ikke lige forstå hvorfor den ikke kommer frem, da jeg har
> gjort på samme måde, som du viste mig med det første eksempel.
>
> Venter spændt
For nu at starte med det sidste.... Sæt en
clear : both;
på #bund - så kommer den ud af skabet...
Det andet med højderne er værre.
Du skal måske læse Jørgens artikler om emnet.
Een mulig løsning, er at lægge et passende baggrundsbillede på #midt
(gråt til venstre, hvidt til højre - ikke så højt, 5-10px så det ikke
bliver for stort, og så repeat i y-retning.)
Det får ikke boksene til at blive lige store (kan man kun via
javascript), men det giver illusionen af at de er det, og med den
rigtige baggrund, kan det blive flot.
(#menu og #tekst skal så være transparante - altså ikke have sat
baggrunden).
Birger
--
http://varmeretter.dk - billig, sund og hurtig mad
http://bbsorensen.dk