Gå til innhold

div

no_remorse

Anbefalte innlegg

no_remorse

no_remorse

Skrevet
Skrevet

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..

Lenke til kommentar

Videoannonse

Videoannonse
Annonse
  • 2 uker senere...
EZAccess

EZAccess

Skrevet
Skrevet

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>

Lenke til kommentar
PT

PT

Skrevet
Skrevet
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...

Lenke til kommentar
EZAccess

EZAccess

Skrevet
Skrevet (endret)
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...

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 av EZAccess
Lenke til kommentar

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
×
×
  • Opprett ny...