30. april 2011 - 21:43Der er
14 kommentarer og 1 løsning
Problemer med iframe
Hej eksperter,
Jeg har et problem. Jeg er i gang med at lave en hjemmeside, hvor jeg bruger en iframe til at vise sidens "indhold". iframe'en reagerer anderledes alt efter hvilken browser jeg bruger. Den virker kun som ønsket i Chrome. I alle andre browsere får den en anden størelse og form.
Problemet er at vi ikke vil have en fast højde. Den skal automatisk gå ned til bunden af siden. (height=100%)
Synes godt om
Slettet bruger
30. april 2011 - 22:41#3
Når du bruger height="100%" arver iframen højden fra sin "parent" = <div id="page"> - dén har ingen specificeret højde - derfor bliver det "undefined" = browseren gætter (forkert).
Hvis du giver div#page height:100%, vil dén arve fra sin parent: <body> som heller ikke har nogen..
SÅ tilføj dette til din styles.css - og gør det til en vane : )
html, body {height:100%; width:100%; margin:0;}
(Usikker på om det er nødvendigt at give div#page height:100% i dette tilfælde - men skader ikke)
Tak, det hjalp en smule. Det skabte dog et nyt problem, browseren laver både vandret og lodret scroll bar nu. Og teksten der vises gennem hjørnet i fx Firefox kan jeg stadig ikke fixe :(
du kan styre scrollbars med styles, fx; overflow: scroll-y;
Når det så er sagt har jeg meget svært ved at se gevinsten ved at benytte noget så forældet som iframes - udover at være forældet er det med til at blive sværere at udvikle, mindste brugervenligheden samt besværliggøre SEO. Så jeg ville meget kraftigt overveje andre muligheder.
du laver templates enten med SSI eller en serversideteknologi (fx masterpages med ASP.NET) og det element der så skal vises indhold i sætter du den omtalte overflow på. Folk er dog vant til at det er hele siden der scroller, så jeg vil mene der skal være en god grund til at bryde det mønster.
Synes godt om
Slettet bruger
01. maj 2011 - 00:27#8
Lægger du indholdet "direkte" i #page (altså uden en iframe), og giver den scroll:auto - vil der dukke scrollbarer op når/hvis det er nødvendigt. dvs. de tre sider skal være ens, pånær indholdet i #page selvfølgelig.
Hjørnet kan du redde (holde frit), ved at "floate" en lille div, op til venstre, så vil den øvrige tekst "wrappe" omkring.. - søg efter "css float" : )
Det kan jeg ikke rigtigt :( For det første fordi jeg ikke kan finde ud af det, og er næsten helt ny med HTML, og for det andet har jeg ikke afgang til nogen server. Lige nu ligger det lokalt i min Dropbox :) Det er til en opgave i skolen, og jeg har ikke rigtigt adgang til nogle værktøjer andet end notepad++, hvori jeg redigerer det.
Hjemmesiden er færdig. Jeg har ikke rigtigt brugt nogen af løsningerne :P
Du får bare points...
Synes godt om
Ny brugerNybegynder
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.