8 svar · 289 visningar · startad av Jesper T
Jag vill att den högra diven skall fyllas ut ända till högerkanten men om jag sätter width:100%; så flyttas den ned på raden under och det skall den inte göra.
<div style="width:100%;">
<div style="border: 1px solid red; position:relative; float:left;">Ett två tre fyra</div>
<div style="border: 1px solid red; position:relative; float:left; margin-left:2px; "> </div>
</div>
Vill att det skall se ut som på bilden.
<table width="100%" border="0">
<tr>
<td style="border: 1px solid red;">Ett två tre fyra </td>
<td style="border: 1px solid red;"> </td>
</tr>
</table>
Detta skulle också kunna funka men då blir proportionerna fel. Den första "td:n" skall sluta efter "fyra" och sedan skall den andra fylla upp resten.
Det här blir rätt.
Fast nu blir kanske inte kantlinjerna riktigt som du vill ha dem?
<div style="width:100%; border: 1px solid red;">
<div style="border-right: 1px solid red; display:inline;">Ett två tre fyra</div>
mera innehåll
</div>
Precis det blir inget mellanrum mellan divarna enligt bilden.
Sätt den på 90% då och kör 20%/70% eller liknande, så skapas det automatiskt ett mellanrum mellan sidorna.
/r menar att du ska sätta den på 100% och sedan 20%/70%. :)
Tack för att ni vill hjälpa en stackars sate, men jag fattar inte.
Innehållet i den vänstra kommer att vara dynamiskt. (Alltså variera mellan fyra och 10 ord ca.)
Den högra skall vara utan innehåll.
Det skall vara 1px eller 2px avstånd mellan divarna/td-elementen.
Den högra skall fyllas ut till högerkanten.
Åhhhh, detta lilla enkla skall väl inte vara så svårt?! :grrrr!
Back to basic!
Om den högra diven ska vara utan innehåll - varför har du den där över huvud taget då? ;)
Well.. Kan detta vara något? (Kolla källkoden i html-filen)
/r fel av mig, läste inte tillräckligt.. men det kanske är nåt att spinna vidare på så länge.
Jesper T skrev:
Precis det blir inget mellanrum mellan divarna enligt bilden.
Nej, men då styr du avståndet med padding och lägger in en bakgrundsbild i den innersta div:en som ser ut som en kantlinje.
Verkar jättebra, vill du ge mig ett exempel Insider. Så skulle det hjälpa en överhettad trött gammal hjärna.
