Gå til innhold

LØST - Scroll på div via CSS

chberge

Av chberge
i Programmering og webutvikling

Anbefalte innlegg

chberge

chberge

Skrevet
Skrevet (endret)

Trenger en scroll på diven #innhold

 

Koden jeg har brukt så langt som ikke funker er:

 

#innhold {

width: 603 px;

height: 650 px;

background-color: white;

overflow: auto;

text-align: left;

}

Endret av chberge

Videoannonse

Videoannonse
Annonse
Lyvan

Lyvan

Skrevet
Skrevet
Trenger en scroll på diven #innhold

 

Koden jeg har brukt så langt som ikke funker er:

 

#innhold {

width: 603 px;

height: 650 px;

background-color: white;

overflow: auto;

text-align: left;

}

 

Vilken webbläsare använder du?

Använder du IE6 eller äldre så kommer scroll i div inte att fungera som den ska

Använder du firefox så ser jag inget fel allt i din css-kod och den borde fungera felfritt.

Lyvan

Lyvan

Skrevet
Skrevet
Scroll i div skal funke i IE6, så det er bare tull.

 

width: 603 px;

height: 650 px;

 

Hvorfor mellomrom mellom tallverdi og enhet?

 

Det borde fungera lika bra oavsett ifall man har ett mellanslag eller inte.

 

 

 

overflow:scroll ?

 

Använder man overflow:scroll så klipper den av innehållet, men den visar en scrollbar för att man ska kunna se de resterande innehållet. Använder man auto så känner den av när en scrollbar behövs.

chberge

chberge

Skrevet
  • Forfatter
Skrevet

Jeg vil at det skal virke i Firefox og i Explorer 7. I explorer 7 kommer det opp en scroll, men dytter innholdet 10 px til venstre. I Firefox ser jeg ingenting til scrollen i det hele tatt.

chberge

chberge

Skrevet
  • Forfatter
Skrevet (endret)

Her er hele CSS filen:

 

* {

margin: 0;

padding: 0;

}

 

body {

font-family: arial;

font-size:12px;

text-align: center;

}

 

#img {

border: none;

}

 

#alt {

width: 800px;

height: 800px;

background-color: white;

margin: 0 auto;

}

 

#header {

width: 800px;

height: 209px;

}

 

#meny{

width: 187px;

height: 650px;

float: left;

background-color: #989898;

text-align: left;

padding-left: 10px;

font-size: 17 px;

}

 

#innhold {

width: 593 px;

height: 650 px;

background-color: white;

text-align: left;

overflow: auto;

padding-left: 10px;

padding-top: 10px;

}

 

#footer {

width: 800px;

height: 41px;

background-color: black;

clear: both;

color: white;

}

 

a {

font-weight: bold;

color: #5a5a5a;

text-decoration: none;

clear: right;

}

 

a:hover {

color: #75a5a5a;

background-color: #e1e0df;

border: none;

border: 0px;

}

Endret av chberge
Haraldson

Haraldson

Skrevet
Skrevet

Som tidligere nevnt, så har du mellomrom mellom tallverdien og enheten i height- og width-egenskapene dine. Hvis du inspiserer dokumentet ditt med Firebug, en fantastisk plugin til Firefox, vil du se at disse to linjene ikke telles med.

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
Gå til emneliste

  • Hvem er aktive   0 medlemmer

    • Ingen innloggede medlemmer aktive
×
×
  • Opprett ny...