May 31, 2001
![sp_UserOfflineSmall](https://nordichardware.se/wp-content/sp-resources/forum-themes/reboot/images/darkpack/sp_UserOfflineSmall.png)
Har ett problem med mina fina tabeller.
Det är så att jag har ett nyhetesscript i en tabell och jag vill att tabellen ska ha sin storlek och form hela tiden även om jag matar på med text i den.
Har prövat att använda overflow scroll i min .css men det verkar inte funka så bra.
Vet någon hur man kan lösa problemet? Dom ändrar bara storlek för mig!
Om inte det går att styra tabellen, går det då att göra med en border?
Tack för er tid
March 6, 2002
![sp_UserOfflineSmall](https://nordichardware.se/wp-content/sp-resources/forum-themes/reboot/images/darkpack/sp_UserOfflineSmall.png)
<HTML>
<HEAD>
<style type="text/css">
<!--
BODY {background-color:green;font-family:arial,verdana,sans-serif; font-size:18;color:white}
DIV
{background-color:red;position:absolute;top:35%;left:10%;
width:30%; height:35%;border:3px solid white; }
#DIV2
{background-color:blue; position:absolute; top:45%; left:50%;
width: 30%; height:35%; border:3px solid black; overflow:auto}
-->
</style>
</HEAD>
<BODY BGCOLOR=GREEN>
Du kan antingen använda en iframe eller en div.
En iframe är en egen fil där du lägger in all text (scrollbar).
Denna iframe anropas sedan i din tabell.
Eller lägg in koden för den blå div:en i din tabell.
<div>
</div>
<div id=div2>
Lägger du in så mycket innehåll att det ej ryms så kommer automatiskt en vertikal scroll
Det blir ingen scroll i den röda däremot. Detta fixas med hjälp av overflow:auto
Kopiera in texten i den blå till den röda och den ändrar bara storlek.
pricis som en tabellcell.
</div>
</BODY>
</HTML>
May 31, 2001
![sp_UserOfflineSmall](https://nordichardware.se/wp-content/sp-resources/forum-themes/reboot/images/darkpack/sp_UserOfflineSmall.png)
bossse wrote:
<HTML>
<HEAD>
<style type="text/css">
<!--
BODY {background-color:green;font-family:arial,verdana,sans-serif; font-size:18;color:white}
DIV
{background-color:red;position:absolute;top:35%;left:10%;
width:30%; height:35%;border:3px solid white; }
#DIV2
{background-color:blue; position:absolute; top:45%; left:50%;
width: 30%; height:35%; border:3px solid black; overflow:auto}
-->
</style>
</HEAD>
<BODY BGCOLOR=GREEN>
Du kan antingen använda en iframe eller en div.
En iframe är en egen fil där du lägger in all text (scrollbar).
Denna iframe anropas sedan i din tabell.
Eller lägg in koden för den blå div:en i din tabell.
<div>
</div>
<div id=div2>
Lägger du in så mycket innehåll att det ej ryms så kommer automatiskt en vertikal scroll
Det blir ingen scroll i den röda däremot. Detta fixas med hjälp av overflow:auto
Kopiera in texten i den blå till den röda och den ändrar bara storlek.
pricis som en tabellcell.
</div>
</BODY>
</HTML>
Hmm.. vad är en "DIV" och "iframe"? hängde inte riktigt med här...
March 6, 2002
![sp_UserOfflineSmall](https://nordichardware.se/wp-content/sp-resources/forum-themes/reboot/images/darkpack/sp_UserOfflineSmall.png)
En div är ett element som liknar table (tabell) men med den skillnaden att du inte har några rader (tr) eller kolumner (td).
Du kan precis som i en tabell ange bakgrundsfärg, ram, ramfärg, storlek, placering o.s.v.
Finns alltså inga celler i en div men ETT utrymme som man kan lägga vad som helst i, går dessutom att scrolla om innehållet ej ryms, vilket ej går med tabell.
Vill man ha flera divar så går det bra, man kan t.o.m placera en div inuti en annan div.
Ditt problem var ju storleksändring av tabellen eller cellen.
Detta kan bara lösas med hjälp av en div eller en iframe där du vill ha din text.
Går att göra diven osynlig om så önskas, men innehållet syns.
Koden för en div är egentligen enklare än koden för en tabell. men vet man inte vad det är så är det förstås svårt.
Du kanske kan lägga ut din kod så ska jag komplettera med hur du lägger in en div med ditt textinnehåll.
Finns mycket mer att skriva om div, men detta får räcka så länge.
Sök på orden DIV eller IFRAME och du kommer att få många träffar.
1 Guest(s)
![sp_Information](https://nordichardware.se/wp-content/sp-resources/forum-themes/reboot/images/darkpack/sp_Information.png)