Avatar billede jonasbc Nybegynder
05. september 2003 - 10:18 Der er 9 kommentarer og
1 løsning

Scrolling med CSS

Hej!

Vi sidder et par stykker uden så meget erfaring indenfor design af hjemmesider og roder med en opsætningen af en side.
I den forbindelse vil jeg høre, om det er muligt at lave en slags iframe med css, så der kommer en scrollbar?? Vi vil gerne undgå frames og har derfor valgt at styre hele indholdet med stylesheets.
Et eksempel på det, vi gerne vil opnå findes på http://hjem.get2net.dk/jonasbc/files/ops%e6tning.JPG
Avatar billede jonasbc Nybegynder
05. september 2003 - 10:20 #1
Alternativt vil vi gerne vide, hvordan man laver en "pæn" iframe... Kan man styre placering, kanter osv. fuldstædig med css?
Avatar billede nikolajdu Nybegynder
05. september 2003 - 10:28 #2
Ku i ikke gøre sådan her :))

<div id="menu" style="position:absolute; left:0px; top:0px; width:200px; height:420px; z-index:1"><p style="display:inline">hej her er min menu<br>og igen<br>og igen igen</p></div>
<div id="side" style="position:absolute; left:220px; top:0px; width:450px; height:420px; z-index:2"><iframe src="http://www.dr.dk"></iframe></div>

/Nikolaj
Avatar billede jonasbc Nybegynder
05. september 2003 - 10:29 #3
Tjoo... men jeg tænkte på, om man helt kan undgå den iframe??
Avatar billede Slettet bruger
05. september 2003 - 10:32 #4
Du kan gøre sådan her:

<div style="background-color:red;height:50px;width:100px;overflow-y:scroll;overflow-x:hidden;">kkkd dsældksæl dksædlkdæl klj  lkj lkj j </div>
Avatar billede jonasbc Nybegynder
05. september 2003 - 10:42 #5
el_barto: lige hvad jeg skulle bruge!! smider du lige et svar, så er der point på vej i din retning
Avatar billede nikolajdu Nybegynder
05. september 2003 - 10:43 #6
Så kan i jore bare fjerne den ;-) - Der kommer automatisk scroll på hvis siden bliver for lang.

<div id="menu" style="position:absolute; left:0px; top:0px; width:200px;"><p style="display:inline">hej her er min menu<br>og igen<br>og igen igen</p></div>
<div id="side" style="position:absolute; left:220px; top:0px; width:450px;">her er vores indhold...</div>

/Nikolaj
Avatar billede jonasbc Nybegynder
05. september 2003 - 10:46 #7
Det kan jeg ikke helt få til at fungere... prøv selv med
<div id="menu" style="position:absolute; left:0px; top:0px; width:200px;">
<p style="display:inline">hej her er min menu<br>og igen<br>og igen igen</p></div>

<div id="side" style="position:absolute; left:220px; top:0px; width:450px;">
<p>her er vores indhold...</p><p>her er vores indhold...</p><p>her er vores indhold...</p><p>her er vores indhold...</p><p>her er vores indhold...</p><p>her er vores indhold...</p><p>her er vores indhold...</p><p>her er vores indhold...</p><p>her er vores indhold...</p><p>her er vores indhold...</p><p>her er vores indhold...</p><p>her er vores indhold...</p><p>her er vores indhold...</p><p>her er vores indhold...</p><p>her er vores indhold...</p><p>her er vores indhold...</p><p>her er vores indhold...</p><p>her er vores indhold...</p>
</div>

Der kommer scroll på hele siden
Avatar billede jonasbc Nybegynder
05. september 2003 - 10:51 #8
Jeg kom lige til at se, at hvis der ikke skal scrolles i el_barto's eksempel, så bliver scrollbar'en bare disabled - den forsvinder ikke... Kan det ikke laves pænere?
Avatar billede Slettet bruger
05. september 2003 - 11:02 #9
Så skal du nok lave noget DHTML sjov...eller måle højden på teksten (good luck!)
Avatar billede jonasbc Nybegynder
13. marts 2004 - 14:19 #10
lukker her...
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester