Avatar billede Claus Mester
17. december 2005 - 19:50 Der er 6 kommentarer og
1 løsning

Scrollbar problem i <div> boks

Hej eksperter,

Har et problem - se her: www.flygenrings.dk

CSS:
www.flygenrings.dk/css/Standard_style.css

Meningen er, at scrollbarens højde kun lige skal gå til den nederste kant på topboksen således, at boksen .:: Velkommen ::. er placeret ordentligt.

Yderligere er det ikke meningen, at øverste boks forsvinder ved scroll ned.

Håber i kan kaste lidt lys over mit problem.

nicolaus
Avatar billede mortenbock Nybegynder
17. december 2005 - 20:21 #1
du skal have din overskrift ud af div tag'et

<div id="righttop"><h1 class="rightmaintop">Velkommen<h1></div>
<div id="rightcontent">
  <p>din brødtekst her</p>
</div>

Og så laver du scrollbaren på #rightcontent i dit css ark
Avatar billede Claus Mester
17. december 2005 - 20:33 #2
Er der ikke en mulighed for, at indstille højden på scroll baren, margen el.lign?
Avatar billede mortenbock Nybegynder
17. december 2005 - 20:39 #3
nej, det har jeg i hvert fald aldrig hørt om.

Den løsning jeg har foreslået sørger i øvrigt også for at din boks ikke forsvinder når der scrolles...
Avatar billede Claus Mester
17. december 2005 - 21:02 #4
Jeg kan ikke helt følge din kode ...
Avatar billede mortenbock Nybegynder
18. december 2005 - 00:13 #5
Jeg kan se du har ændret lidt på det. Nu skal du bare lige sørge for at du ikke skjuler det øverste af scrollbaren.

Du har sat en margin-top: 24px; på din p.content. Den margin burde du i stedet sætte på dit div.scroll, så du får hele baren at se.

Derudover kan jeg se der er lidt problemer med baggrundsfarverne i menuen hvis man bruger firefox. Der klapper dine #leftmain1 osv sammen bag overskriften. Prøv evt. at bruge overflow: auto; på din #leftmain1 og se om ikke det hjælper....
Avatar billede Claus Mester
18. december 2005 - 00:55 #6
Har forsøgt med margin på scroll - uden held.
Takker for tillægsinformationerne :-)
Avatar billede Claus Mester
18. december 2005 - 13:37 #7
Blev forslået at bruge padding-top i stedet og som du nævner, fjerne margin-top. Det gjorde tricket og nu virker det.

Tak for forslag og engagement :-)
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