to bokse inden i én boks, som skal str. afhægig af begge!

Jeg havde et tilsvarende problem
Jeg løste det ved at tage "boxen" ud af deres kontrol box og lade dem flyde, således at de begge uafhængit af hinanden skubber til "boxen" under dem.
Du kan se min løsning her http://www.jart.dk/jgom/donweb/setup.html (Er ved at lave den, så ikke meget andet end setup at se på)... måske du kan brug det til noget
min "canvas" og "Mainmenu" ligger ikke i en box for sigselv... men er blot placeret relativ...

Hvordan er det lige jeg gør dette:

"Jeg løste det ved at tage "boxen" ud af deres kontrol box og lade dem flyde"

Dvs...
at den div dine to boxer er i fjener du... således at de begge ligger frit

Du kan kopier mit og give div'ne en borderfarve...så kan du se hvordan de ligger i forhold til hinanden

Hmm. jeg er ikke helt med. Jeg har set på dit, men det bliver jeg ikke meget klogere af. Du har flg.

#mainmenu{ float: right;  margin: 0 32px 0 0; width: 176px; height: auto; z-index: 450; visibility: visible; position: relative; }

#pagecanvas{ margin: 8px 224px 0 64px; width: auto; height: auto; z-index: 500; visibility: visible; position: relative; }


Brugen af float kan jeg ikke få til at virke som du har brugt den. jeg går udfra det er den egenskab der 'fjerner' boksen?

Jeg har flg. (de to minibokse)

#linksleft{
    position:relative;
    height:auto;
    width:80px;
    border:1px solid #2670A3;
    margin-left:5px;
    margin-top:0px;
    margin-bottom:10px;
    padding-right:2px;
    padding-left:5px;
}

#centerframe{
    position:relative;
    height:auto;
    width:480px;
    border:1px solid #2670A3;
    margin-top:0px;
    margin-left:100px;
    margin-bottom:10px;
    padding-left:10px;
}

og lige nu betyder det at centerframe starter ved højre nederste hjørne af linksleft boksen (Naturligt nok når de begge er sat med position:relative;).

Hvorledes vil du så sættte float?

sådan
#linksleft{
float: left;


>jeg går udfra det er den egenskab der 'fjerner' boksen?

Naaa... ikke helt
De to skal jo placeres placeres i forhold til hinanden...
Ved at float det første element("Box") left vil næste element stå til høre for dette , hvis det næste også er flotet (som mit eksempel med 3 "boxe") vil det tredie element så også står "på line med" de andre...
Det første element efter et ikke floted element vil så "hoppe ned" og starte hvor de andre slutter...
Hos mig er det #pagefoot der bliver skubbet af den højeste af #mainmenu eller #pagecanvas (controletab2 vil aldrig være den størte.. men hvis den var ville #pagefoot starte under den

Har lige oploadet siden med border så du kan se dem

Hov hov! Det virker i IE men ikke Firefox! Når jeg bruger float:left; i firefox, så afhænger hovedbooks-højden ikke af denne miniboks-højde?

I mit design ???

Nej...ikke hovedboksen...den er netop ligegyldig ...
hovedboxen indeholde alle boxe som så står relativ i forhold til hinande

nej mit!

læg mærke til at mine tre grønne boxe IKKe ligger in en box ...men ligger "løst" lige som de røde..

Min miniboks med float:left; går ud over hovedboksens nederste kant!

så ikke lige din sidste kommentar

Ja det kan jeg godt se, men hvis jeg gerne vil have en boks (for at få en ramme) omkring de to små rammer!

Har lige oploadet med lidt fler border for at tydeligøre

De røde "boxe" indeholder andre "boxe"
imellem dem er de blå og grønne som er relativ placeret

Den box har je i form af #sitesetup som holder hele siden samlet

Jeg burde måske have fanget det, men!
Hvorfor er det lige at min linksleft ryger ud over den yderste ramme (frame)!

Der ser min sådan ud:

#frame{
    position:relative;
    margin-left:auto;
    margin-right:auto;
    width:600px;
    border-top:6px solid #2670A3;
    border-left:1px dotted #B7B25F;
    border-right:1px dotted #B7B25F;
    padding-top:10px;
    padding-left:0px;
}

Svært at sige uden at se hele koden / siden

Det skal fandme virke ;) så har lige lavet en simpel udgave

    <!--frame-->
    <div id = "frame">
       
      <div id = "linksleft">
      <table>
      <tr><td><h1>Oversigt</h1></td></tr>
    <tr><td align =  "right"><a href = "linksti" title = "link" class = "linkleft">link</a></td></tr>
    <tr><td align =  "right"><a href = "linksti" title = "link" class = "linkleft">link</a></td></tr>
    </table>   
    </div>
   
    <!--centerframe-->
    <div id = "centerframe">
    en masse tekst
   
    <!--slut centerframe-->
    </div>
   
   
   
    <!--bottomframe-->
    <div id = "bottomframe">
    <center>
        Noget tekst i rammen længst til højre.
    </center>
    <!--slut bottomframe-->
    </div>
   
    <!--slut frame-->
    </div>
    </body>
    </html>



Øverst i filen har     <link rel="stylesheet" type="text/css" href="design.css" />

hvor flg. findes

#frame{
    position:relative;
    margin-left:auto;
    margin-right:auto;
    width:600px;
    border-top:6px solid #2670A3;
    border-left:1px dotted #B7B25F;
    border-right:1px dotted #B7B25F;
    padding-top:10px;
    padding-left:0px;
}


#frame{
    position:relative;
    margin-left:auto;
    margin-right:auto;
    height:auto;
    width:600px;
    border-top:6px solid #2670A3;
    border-left:1px dotted #B7B25F;
    border-right:1px dotted #B7B25F;
    font-family:arial;
    color:#2670A3;
    font-size:11px;
    padding-top:10px;
    padding-left:0px;
}

#bottomframe{
    position:relative;
    padding-top:2px;
    height:20px;
    width:600px;
}

#linksleft{
    float:left;
    position:relative;
    height:auto;
    width:80px;
    border:1px solid #2670A3;
    margin-left:5px;
    margin-top:0px;
    margin-bottom:10px;
    padding-right:2px;
    padding-left:5px;
    display:block;
}

#centerframe{
    position:relative;
    height:auto;
    width:480px;
    border:1px solid #2670A3;
    margin-top:0px;
    margin-left:100px;
    margin-bottom:10px;
    padding-left:10px;
}

Håber du kan få øje på noget jeg ikke kan!


Jeg har iøvrigt forsøgt at sætte det hele ind i en tabel (i samme <tr> og <td>) inde i frame-boksen. Det betyder jeg får det ønskede i firefox men et problem i explorer!

du kan ikke oploade den ??
Ville være lidt nemmere da jeg ikke lige kan copi paste fr experten og prøve

Helt sikkert. Hvis du ser på

http://www.hst.aau.dk/~jkpe05/rettelse.html

css-filen er der linket til på siden. Husk det virker i IE men ikke Firefox!

*S*.... kan sige det heller ikke virker på macIE.... Kiger lidt på det

det lyder pokkers godt ;)

Hmm .. jeg mener at man kan løse dit problem nemt ved at tage den oprindelige setup og bare give "yderboksen" en overflow:hidden;.

Det plejer at virke mange gange, dog er der nogle gange hvor det ikke gør.

net.

Det her er en af gangene hvor det ikke gør, desværre.

Må jeg se din CSS?

net.

http://www.hst.aau.dk/~jkpe05/rettelse.html hvis du klikker på det link der hedder css-filen

Behold lige en sikkerhedskopi af det du har nu for en sikkerheds skyld, men jeg fik det til at virke ved at gøre sådan her:

Fjern alle position:relative;
Put overflow:hidden; på #frame
Put clear:both; på #bottomframe

:)

net.

Hehe må jeg nok lige sige ;) Vil du smide en kommentarer til ændringerne, altså hvad overflow og clear gør?

Når du floater et element, så ligger det ikke i samme "flow" som almindelige bokse og tekst gør. Så derfor kan det godt ryge ud over kanten af bokse uden at der rigtig sker noget.

clear:both; på footeren gør at den clear'er alle floater inden den begynder at rendere footeren, så den kommer ned på sin plads, og ikke sidder mærkeligt vedsiden af den.

overflow:hidden; fandt jeg ud af at vi faktisk ikke engang behøvede, men det er generelt en god ting som gør at boksen udenpå tilpasser sig indholdet indeni i højden. Noglegange (som jeg nævnte før) gør det dog at tingene som flyder over, bliver cuttet af -- hvilket forøvrigt også giver mening når man kigger på navnet :S -- men i de fleste tilfælde virker det "rigtigt".

net.

det er sgu kanon. Det havde jeg formentlig ikke kommet op med, medmindre jeg havde kigget godt efter i en eller anden syg bog ;)

Tak for hjælpen. Jeg regner med at det er ok i deler pointene, så I smider bare et svar.

Ja jeg deler gerne. :)

net.

Har måske flytte lidt på noget tekst ol...men det kan rettes
Dette her virker her
http://home19.inet.tele.dk/jgom/test/virke.html

Åh ja.... clear var vist den jeg ikke fik gjort opmærksom på...*S*
Men den skal selvf. på foden *S*

nåeh, bare clear ;) Mange tak for hjælpen. jesper-moeller, hvis du lige smider et svar også.

Så lidt....håber mit eksemple gav dig lidt ideer ...*S*

Det gjorde det... Tak for det.

Takker for point....

Selv tak. :D

net.

Hov.... en lille ting.... IE mac laver en renderings fejl i teksten i #centerframe, som du undgår ved ikke at give den en position