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

Videoannonse

Videoannonse
Annonse
enden

enden

Skrevet
Skrevet (endret)

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 av enden
no_remorse

no_remorse

Skrevet
  • Forfatter
Skrevet (endret)
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:

aha! *prøve*

 

edit: nå funka ikke noe :S

Endret av no_remorse
no_remorse

no_remorse

Skrevet
  • Forfatter
Skrevet
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å..

no_remorse

no_remorse

Skrevet
  • Forfatter
Skrevet (endret)

:D 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 av no_remorse
cfenzo

cfenzo

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

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

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

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

PT

PT

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

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

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