Avatar billede kongensgaard Nybegynder
12. april 2005 - 11:36 Der er 7 kommentarer og
1 løsning

Scroll-bar på boks - og ikke på hele siden

På denne side vil jeg gerne have scroll-bar på den miderste box med selve indholdet. Jeg ønsker ikke nogen scroll-bar på hele siden (ude i højre side).

Hvordan kan jeg gøre det? Jeg har efterhånden fundet ud af at det absolut ikke er overflow jeg skal bruge... Jeg søger en løsning der både virker i IE og FireFox.

http://www.test.kongensgaard.dk/

Uddrag af CSS fil:

body {
    font-family: verdana, arial, sans-serif;
  background-repeat: repeat;
  background-attachment:fixed;
  font-family: arial,sans-serif;
      color: white;
  background-image: url("../background/main.jpg");
    background-color: transparent;   
    background-repeat: repeat;
    background-attachment: fixed;
    background-position: left top;
    overflow:hidden;
}

#indhold {
    scrollbar-face-color: #81947A;
    scrollbar-shadow-color: #61705A;
    overflow: auto;
    margin: 0px 115px 10px 10px;
    border: 1px solid white;
    background: #81947A;
    height: 100%;
    min-width: 500px;
    min-height: 420px;
}
Avatar billede kongensgaard Nybegynder
12. april 2005 - 11:39 #1
Hov den fik jeg send for tidligt *flov*

Uddrag af index.php:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
            "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>


<link href="style/style.css" rel="stylesheet" type="text/css">
</head>

<body>
<div id="leftcol">
<div class="leftbox">
<?php
$menu = 1;
include("menu.php");
?>
    </div>
</div>

<div id="indhold">
<br>
  <div class="center">
    <img src="images/Banner.JPG" alt="banner" class="border0">
  </div>
  <h3>xxx</h3> 
  <p>xxx</p>
  <h4>Copyright Jette Kongensgaard</h4>
</div>
Avatar billede dbangx Nybegynder
12. april 2005 - 11:43 #2
jeg har tidligere brugt denne:
<div style="overflow-x:auto; overflow-y:auto;"></div>

det giver et pænt resultat med en scrollbar hvis der er behov for det (kun testet i IE)
Avatar billede ak17 Nybegynder
12. april 2005 - 12:22 #3
<div style="overflow:auto; max-height:300px"></div>
Avatar billede roenving Novice
12. april 2005 - 16:54 #4
html,body {
  height:100%;
    font-family: verdana, arial, sans-serif;
      color: white;
  background: url("../background/main.jpg") transparent fixed left top;
    overflow:hidden;
}

#indhold {
    scrollbar-face-color: #81947A;
    scrollbar-shadow-color: #61705A;
    overflow: auto;
    margin: 0px 115px 10px 10px;
    border: 1px solid white;
    background: #81947A;
    height: 100%;
    min-width: 500px;
    min-height: 420px;
}
Avatar billede kongensgaard Nybegynder
12. april 2005 - 20:30 #5
roenving > YES der var den!!! Så skal du bare lige have point for det.

Afledt af det giver det et problem på http://www.test.kongensgaard.dk/chantal.php hvor mine faneblade kommer til at stå oveni teksten, men det kan jeg etv. lige oprette et nyt spørgsmål på...
Avatar billede roenving Novice
13. april 2005 - 18:05 #6
Hvis du har et element med relativ højde (% !-) skal det efter css-sstandarden tage sin ralation fra nærmest omkransende positionerede element, og, hvis der ikke er et sådant, fra browserens viewport, så der kan være en kilde til problemer ...

-- els velbekomme '-)
Avatar billede roenving Novice
13. april 2005 - 18:09 #7
;O)
Avatar billede roenving Novice
13. april 2005 - 22:23 #8
Tak for point ;~}
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