skjul/vis div

Ved siden af hinanden ?-)

Hvis du gør sådan, vil det virke på den måde:

<table width="900">
  <tr>
    <td>
      <div id="mindiv2" style="width:600px;float:right;">Dette er en tekst, som fylder op fra starten, men kan skjules, så den anden kan komme til at brede sig ud over det hele, men ikke gør det fra starten</div>
      <div id="mindiv1" style="float:left;background:#aaa;">Dette er en tekst, som kan komme til at brede sig ud over det hele, men ikke gør det fra starten</div>
    </td>
  </tr>
</table>
<button onclick="st=document.getElementById('minDiv2').style;st.display=(st.display!='none')?'none':'block'">Åbn/luk anden div</button>

Bemærk iøvrigt, at float:right;-tingen skal stå foran i koden, så browseren kan vide, hvad der er til overs før den laver en, som fylder resten !-)

hvad nu hvis min table har en tilfældig bredde? hvordan kan jeg så gøre sådan at den div til højre går helt ud i siden??

se her:

<table width="100%">
  <tr>
    <td>
    <div id="div_left" style="float: left;"></div>
    <div id="div_right" style="float: right;"></div>
    </td>
  </tr>
</table>

hvis den højre er skjult skal den venstre fylde hele bredden, og når den højre vises skal den have en sat bredde og den venstre skal så fylde den resterende bredde ud :)

Bortset fra at du har byttet om på højre- og venstre-diven, og netop ikke har sat en bredde på, er det jo præcis det, som jeg viser med eksemplet ...

Tabellen bredde betyder mindre, bare der er en rimelig plads til begge divs, når de vises, så vil den ikke have megen indflydelse !-)

jamen den div til venstre flyder ikke ud til den højre div

Prøv i div1 (altså den sidste !-) at ændre brede til brei ...

nu er jeg helt sat af.. hehe

<table width="900">
  <tr>
    <td>
      <div id="mindiv2" style="width:600px;float:right;">Dette er en tekst, som fylder op fra starten, men kan skjules, så den anden kan komme til at brede sig ud over det hele, men ikke gør det fra starten</div>
      <div id="mindiv1" style="float:left;background:#aaa;">Dette er en tekst, som kan komme til at brei sig ud over det hele, men ikke gør det fra starten</div>
    </td>
  </tr>
</table>
<button onclick="st=document.getElementById('minDiv2').style;st.display=(st.display!='none')?'none':'block'">Åbn/luk anden div</button>

-- jeg har ændret brede til brei i minDiv1 ...

Prøv så at vise den i browseren igen efter du ændrer videre til breii, breiii, breiiii osv. !-)

hvad skulle det hjælpe?

Efterhånden flytter den helt hen til den anden !-)

<table width="100%">
  <tr>
    <td>
      <div id="mindiv2" style="width:600px;float:right;background:#aaa;">Dette er en tekst, som fylder op fra starten, men kan skjules, så den anden kan komme til at brede sig ud over det hele, men ikke gør det fra starten</div>
      <div id="mindiv1" style="background:#ddd;">Dette er en tekst, som kan komme til at brei sig ud over det hele, men ikke gør det fra starten</div>
    </td>
  </tr>
</table>
<button onclick="st=document.getElementById('minDiv2').style;st.display=(st.display!='none')?'none':'block'">Åbn/luk anden div</button>

Men bemærk, at den venstre div-boks _ikke_ stopper, men flyder rundt om !-)

lav et svar

Velbekomme '-)

-- og tak for point ;~}