Avatar billede flashback83 Nybegynder
16. maj 2006 - 22:11 Der er 11 kommentarer og
1 løsning

horizontal frame + farve på scrollbar

Jeg har gang i et eksamensprojekt og jeg sidder med to små bitte ting der driller. Det er ting jeg har lavet før, men som pludselig ikke gør som de plejer - Kender I det...

1) Jeg har en iframe med tekst. Der kommer en horisontal scroll, selvom indholdet er smallere end framen - Det vises rigtigt i firefox, men IE insisterer på den hosontale scroll uanset hvor meget iframen er større end indholdet. Jeg har prøvet med overflow-x:hidden og kunne overhovedet ikke se nogen effekt.

2) Jeg vil gerne definere farverne på iframens scrollbar, men jeg kan simpelthen ikke få den til det.

Jeg ved godt at det er simple ting, men jeg har stirret mig totalt blind på det efterhånden. Siden ligger på:
http://multidesigner.dk/05mul1/Sine,%20Malou,%20Rasmus%20x%202/bogo/Untitled-1.htm

Håber der er nogen som ikke er lige så træt i hovedet, som mig...
Rasmus
Avatar billede olebole Juniormester
16. maj 2006 - 22:33 #1
<ole>

Slet:
    scrolling="auto"
- på dine iframes og læg dine scrollbar-styles på dokument-elementet ... ikke på body-elementet, som nu:

html {
    /* Scrolbar-styles her */
}

/mvh
</bole>
Avatar billede olebole Juniormester
16. maj 2006 - 22:39 #2
Når du bruger en fuld DTD, som den, du bruger nu:
  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

- overholder IE CSS1 i rimelig grad, det er ikke tilfældet, hvis du udelader DTD'en - eller bruger f.eks. denne:
  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

http://msdn.microsoft.com/library/default.asp?url=/library/en-us/dnie60/html/cssenhancements.asp
- læs under: The !DOCTYPE "Switch"

Når en browser overholder CSS, er det dokument-elementet, der scroller - og scrollbaren 'tilhører' derfor dette.

Når IE er i quirks mode (læs artiklen bag linket), er det derimod body-elementet, der scroller. Derfor har dine styles virket tidligere ... da du enten ikke brugte en fuld DTD - eller brugte en ufuldstændig  ;o)
Avatar billede olebole Juniormester
16. maj 2006 - 22:40 #3
"da du enten ikke brugte en fuld DTD - eller slet ingen brugte"
Avatar billede flashback83 Nybegynder
16. maj 2006 - 22:55 #4
Det løste rigtignok problemet med farverne, men det gjorde ingen forskel at fjerne scrolling="auto" fra mine iframes. Kan heller ikke se hvad forskel, det skulle gøre, da auto kun skulle give en horisontal scroll, hvis indholdet var større en framen.
Avatar billede olebole Juniormester
16. maj 2006 - 23:09 #5
- prøv lige med

html, body {
    margin: 0;
    padding: 0
}
Avatar billede olebole Juniormester
16. maj 2006 - 23:10 #6
- og srolling="auto" er helt overflødig nu om dage, hvor vi bruger CSS  :)
Avatar billede olebole Juniormester
16. maj 2006 - 23:13 #7
- slet også enheden her:
    height="245px"

Aldrig enheder i HTML-attributter
Altid enheder i CSS-værdier - undtagen, når værdien er 0
Avatar billede olebole Juniormester
16. maj 2006 - 23:20 #8
- og 'overflow-x:hidden' skal naturligvis også lægges på dokument-elementet, når du bruger en fuld DTD (det er som sagt ikke body-elementet, der scroller)
Avatar billede olebole Juniormester
16. maj 2006 - 23:21 #9
- og så skal du slette dine XHTML-lukninger ' />', der ikke er valide i HTML
Avatar billede olebole Juniormester
16. maj 2006 - 23:24 #10
- og mon så ikke bare, jeg skal sige: Hils Sine, Malou, Rasmus og Andreas - og ønsk held og lykke  :)
Avatar billede flashback83 Nybegynder
17. maj 2006 - 09:27 #11
Så har du vist også til fulde tjent dine point. Det hele virker nu. Tusind tak. Smid et svar, så får du pointene :)
Avatar billede flashback83 Nybegynder
06. december 2006 - 11:49 #12
Nå ikke...
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