div

no_remorse · 15. februar 2004

hei..

sliter litt med å få til overflow på en <div> i opera. (det funker i IE).

.css- fila: (store deler er kuttet bort, men det viktigste er der.. håper jeg)

body, html{
margin: 0px;
padding: 0px;
font-family: sans-serif;
background-color: #29313E;
}
div{
position: absolute;
}
div#meny{
top: 93px;
background: darkred;
height: 296px;
width: 144px;
}
div#hoved{
top: 93px;
background: blue;
height: 296px;
left: 144px;
overflow: scroll;
}

.htm- fila:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="no">
<head>
 <title>meldal-LAN.com</title>
 <meta http-equiv="Content-type" content="text/html; charset=ISO-8859-1" />
 <link rel="stylesheet" type="text/css" href="stil.css" />
</head>
<body>
 <div id="head"></div>
 <div id="linet"></div>
 <div id="line_tl"></div>
 <div id="line_tr"></div>
 <div id="hoved">
 	<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec adipiscing placerat felis. Etiam mollis magna sed
 	mauris. Vestibulum venenatis, tortor vitae auctor luctus, velit orci rhoncus lectus, sed ultricies odio dui non
 	lectus. Fusce neque pede, aliquam at, commodo nec, facilisis sit amet, nulla. Nulla facilisis. Nunc at sapien. Sed
 	malesuada. Pellentesque adipiscing lacus nec nisl. Morbi est. Nam lorem leo, mollis ut, iaculis nec, volutpat eget,
 	justo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus
 	suscipit. Sed vel dolor ac nulla mollis laoreet. Curabitur felis.</p>
 	<p>Nunc vulputate, libero eu sollicitudin auctor, mauris neque ultrices dolor, id vulputate ipsum magna eget neque.
 	Mauris lobortis interdum eros. Quisque sit amet pede id mauris accumsan dictum. Morbi augue neque, tristique a,
 	pharetra eu, porttitor et, erat. Sed commodo convallis metus. Curabitur at lectus. Morbi ante lorem, dapibus ut,
 	aliquet a, scelerisque sit amet, magna. Nulla vitae diam. Etiam ornare bibendum diam. In hac habitasse platea
 	dictumst. Suspendisse in tellus. Nulla vitae urna. Praesent metus metus, auctor ut, consequat sed, elementum id,
 	justo. Sed convallis velit.</p>
</div>
 <div id="lineb"></div>
</body>
</html>

jeg sier bare :mad: , og håper noen kan hjelpe meg..

enden · 15. februar 2004

det skal vel strengt tatt være mellomrom mellom div og #hoved i css fila. Kan det være det som gjør det? IE er jo altspisende :roll:

Endret 15. februar 2004 av enden

no_remorse · 15. februar 2004

det skal vel strengt tatt være mellomrom mellom div og #hoved i css fila. Kan det være det som gjør det? IE er jo altspisende

aha! *prøve*

edit: nå funka ikke noe :S

Endret 15. februar 2004 av no_remorse

Arve Systad · 15. februar 2004

overflow: auto|scroll|visible|hidden

Prøv med dei forskjellige greiene, og bruk den du vil ha

no_remorse · 15. februar 2004

overflow: auto|scroll|visible|hidden

Prøv med dei forskjellige greiene, og bruk den du vil ha

hehe.. har nok prøvd alle..

skjønner ikke hva som er feil altså..

Arve Systad · 15. februar 2004

Faktisk, så forstår eg ikkje problemet diitt.. Ka du vil oppnå? at Den scroller ved overflow?

no_remorse · 15. februar 2004

Jeg fant det ut!!

måtte sette en bredde (auto funka ikke, så jeg brukte inherit)

så vet dere det hvis dere skulle lure

takk likevel

Endret 15. februar 2004 av no_remorse

cfenzo · 15. februar 2004

det skal vel strengt tatt være mellomrom mellom div og #hoved i css fila. Kan det være det som gjør det? IE er jo altspisende

naaaah.. div#hoved blir nå riktig da...

enden · 15. februar 2004

guh, ikke dagen min idag...

Godt du fikk det til :thumbup:

EZAccess · 28. februar 2004

No_remorse:

Jeg sliter med samme problem selv. Scroll'en funker ikke i Opera. Har du en liten bruksanvisning?

CSS:

div { width:100%; height:100%; overflow:auto; padding:10px; }

.scroll { width:700px;

height:400px;

font-family:verdana;

font-size:11px;

color:#ccddee;

background-color:#203B54;

scrollbar-base-color:#203B54; }

XHTML:

<div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer felis velit, rhoncus at, euismod vel, vulputate quis, nunc

...

In hac habitasse platea dictumst. Ut dui. Donec metus mi, vehicula a, dictum non, posuere vel, ante. Donec sodales dui sed arcu. In hac habitasse platea dictumst.

</div>

</td>

PT · 28. februar 2004

No_remorse:

Jeg sliter med samme problem selv. Scroll'en funker ikke i Opera. Har du en liten bruksanvisning?

CSS:

div { width:100%; height:100%; overflow:auto; padding:10px; }

.scroll { width:700px;

height:400px;

font-family:verdana;

font-size:11px;

color:#ccddee;

background-color:#203B54;

scrollbar-base-color:#203B54; }

XHTML:

<td class="scroll">

<div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer felis velit, rhoncus at, euismod vel, vulputate quis, nunc

...

In hac habitasse platea dictumst. Ut dui. Donec metus mi, vehicula a, dictum non, posuere vel, ante. Donec sodales dui sed arcu. In hac habitasse platea dictumst.

</div>

</td>

Legg til "overflow: auto;", så skal det nok funke...

EZAccess · 28. februar 2004

Det har jeg jo i div'en. Prøvde å legge til i .scroll også, men uten hell.

PT · 28. februar 2004

Det har jeg jo i div'en. Prøvde å legge til i .scroll også, men uten hell.

Oi! Så ikke det :blush:

Men du har ikke nok tekst i div'en for at det skal bli en scroll...

EZAccess · 29. februar 2004

Det har jeg jo i div'en. Prøvde å legge til i .scroll også, men uten hell.

Oi! Så ikke det

Men du har ikke nok tekst i div'en for at det skal bli en scroll...

Jo, jeg har nok tekst. Scrollen funker bra i IE, men i Opera (den beste nettleseren) så funker ikke scrollen. :no:

EDIT:

Scrollen funker nå. Forandret fra Strict til Transitional XHTML.

Endret 1. mars 2004 av EZAccess

Logg inn

div

Anbefalte innlegg

no_remorse

Lenke til kommentar

Videoannonse

enden

Lenke til kommentar

no_remorse

Lenke til kommentar

Arve Systad

Lenke til kommentar

no_remorse

Lenke til kommentar

Arve Systad

Lenke til kommentar

no_remorse

Lenke til kommentar

cfenzo

Lenke til kommentar

enden

Lenke til kommentar

EZAccess

Lenke til kommentar

PT

Lenke til kommentar

EZAccess

Lenke til kommentar

PT

Lenke til kommentar

EZAccess

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer