Scrollbar Css i html

Navido · 21. mars 2006

Hei

Jeg har disse to kodene:

HTML FIL:

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 1</title>
</head>

<body>

<table border="1" width="646" height="309">
<tr>
 <td height="309" width="646"><div class="scroll">Content Here<p> </div>
</td>
</tr>
</table>

</body>

</html>

CSS:

div.scroll {overflow: auto; width: 400; height: 200;}

Jeg får ikke dette til å fungere. Det som skjer er at tabellen fortsetter å utvide seg når man fortsetter å skrive i den. Den blir bare større og større.

Er det noen som ser hva som er feilen?

Altså jeg vil at width og heigh skal være endelig..200 og 400 piksler. Mer utover det på width siden skal den gå ned en linjeskift.

Mer utover på 400 piksler skal scrollboxen dukke opp.

Takker for hjelp

:thumbup:

melli123 · 21. mars 2006

CSS:

div.scroll {overflow: auto; width: 400; height: 200;}

Tror ikke du trenger å ha med widht og height i denne koden.

div.scroll {

widht: 400px ;

height: 200px ;

overflow: auto ;

}

trodde det var slik jeg....har ikke testet det, men ville tro det var sånn... :hmm:

Andre: rett meg hvis jeg tar feil, sånn at jeg ikke vranglærer...

N* · 21. mars 2006

Prøv med overflow:scroll;

Hva skal du med tabellen forresten? Ser ikke ut som du trenger den..

Steinmann · 21. mars 2006

Man må sette en høyde for at overflow: auto; skal slenge på en scroll når det trengs.

Overflow: scroll; gir både vertical og horisontal uansett, noe som er lite pent.

Gå for overflow: auto du.

Skrollen vil ikke vises før det trengs, altså om du slenger inn masse lorem ipsum

(lenge siden jeg har skrevet det nå gitt)

Navido · 21. mars 2006

Takker for alle svar hittil.

Nå kan dere prøve selv og se at det ikke går. Får det fremdeles ikke til. Bare kopier og lim inn disse to kodene i hver sin fil og prøve og se hva dere får ut av dette:

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<link rel="stylesheet" type="text/css" href="style.css" />
<title>New Page 1</title>
</head>

<body>

<table border="1" width="646" height="309">
<tr>
<td height="309" width="646"><div class="auto">Content Here<p>Content Here<p>Content Here<p>Content Here<p>Content Here<p>Content Here<p>Content Here<p>Content Here<p>Content Here<p>Content Here<p>Content Here<p>Content Here<p>Content Here<p>Content Here<p>Content Here<p>Content Here<p>Content Here<p>Content Here<p>Content Here<p>Content Here<p>Content Here<p>Content Here<p>Content Here<p>Content Here<p>Content Here<p>Content Here<p>Content Here<p>Content Here<p>Content Here<p>Content Here<p>Content Here<p>Content Here<p>Content Here<p>Content Here<p>Content Here<p>Content Here<p>Content Here<p>Content Here<p>Content Here<p>Content Here<p>Content Here<p>Content Here<p>Content Here<p>Content Here<p>Content Here<p>Content Here<p>Content Here<p>Content Here<p>Content Here<p>Content Here<p>Content Here<p>Content Here<p>Content Here<p>Content Here<p>Content Here<p>Content Here<p> </div>
</td>
</tr>
</table>

</body>

</html>

CSS FIL: style.css

div.scroll {overflow: auto; width: 400px; height: 200px;}

N* : Tabellen er en test for å få til scrollbar. Bruker lite kode istedenfor å slenge meg på med ALL kode til dere :cool:

arthoz · 22. mars 2006

Lagde en enkel liten sak jeg: http://haxx.no/scroll.html

Navido · 22. mars 2006

Lagde en enkel liten sak jeg: http://haxx.no/scroll.html

5791348[/snapback]

Aha..den så bra ut. Skal se på den senere..Tusen takk

Navido · 7. april 2006

Lagde en enkel liten sak jeg: http://haxx.no/scroll.html

5791348[/snapback]

Aha..den så bra ut. Skal se på den senere..Tusen takk

5791365[/snapback]

Det eneste jeg nå lurer på er hvordan man får en horizontal scroll på denne? Altså da skal width og height være definert og tekst utover width skal da gi en horizontal scroll. Litt kjekt å ha når man skal ha en tabell.

Er det overflow: scroll man skal bruke eller hva?

Navido · 7. april 2006

Lagde en enkel liten sak jeg: http://haxx.no/scroll.html

5791348[/snapback]

Aha..den så bra ut. Skal se på den senere..Tusen takk

5791365[/snapback]

Det eneste jeg nå lurer på er hvordan man får en horizontal scroll på denne? Altså da skal width og height være definert og tekst utover width skal da gi en horizontal scroll. Litt kjekt å ha når man skal ha en tabell.

Er det overflow: scroll man skal bruke eller hva?

5884510[/snapback]

var det ja

Logg inn

Scrollbar Css i html

Anbefalte innlegg

Navido

Lenke til kommentar

Videoannonse

melli123

Lenke til kommentar

N*

Lenke til kommentar

Steinmann

Lenke til kommentar

Navido

Lenke til kommentar

arthoz

Lenke til kommentar

Navido

Lenke til kommentar

Navido

Lenke til kommentar

Navido

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer