Iframe-hjälp från a-ö

2 svar · 429 visningar · startad av Peppe80 5 sep. 2006

Peppe80Medlem sedan sep. 20061 inlägg

Frågan5 sep. 2006 10:07#1

Hej på er, har nyligen reggat mig här för att jag snart sliter ut allt mitt hår... :l
Jag försöker mig på att göra en hemsida,har kodat lite själv men det var jätte längesen redan då tyckte jag det var jobbigt så nu använder jag DW. Jag vill göra en hemsida där en iframe ska va i centrum och meny och dyligt runt om,när man sedan trycker på en länk ska infot komma upp i iframen.Jag vill altså helt undvika att använda höger standard scroll om ni förstår vad jag menar.
Jag har hittat koden för iframen och jag har lyckats få det exact som jag vill ha måtten MEN nu kommer problemet jag vill få både ramen på iframen och scrollen i iframen att byta färg.har försökt knappa in alla möjliga kod konstalationer i kodfönstret utan att lyckas.Så nu vill jag börja om från scratch, snälla finns det nån här inne som kan hjälpa mig med det här hur man ska göra steg för steg? :OO :r

FuelMedlem sedan okt. 20001 285 inlägg

5 sep. 2006 10:27#2

Försök undvika att använda frames / iframes...

Använd css för styling. Prova detta ( vet dock inte om det fungerar därför jag använder aldrig iframe själv). Lägg det emellan <head></head> taggarna

<style type="text/css">
body {
    scrollbar-face-color: #ffffff;
    scrollbar-highlight-color: #ffffff;
    scrollbar-shadow-color: #ffffff;
    scrollbar-3dlight-color: #cccccc;
    scrollbar-arrow-color: #000000;
    scrollbar-track-color: #ffffff;
    scrollbar-darkshadow-color: #cccccc;
}

iframe {
    border:2px solid #ff0000;
}
</style>

Eventuellt lägga till: frameborder="0" i iframe taggen

Jag rekommenderar dock detta:

<html>
<head>
<title>Test</title>
<style type="text/css">
#box {
    padding: 10px;
    height: 300px;
    width: 300px;
    border: 1px solid #ff0000;
    overflow: auto;
    background-color: #fefefe;
}
</style>
</head>
<body>
<div id="box">
<p>Ditt innehåll.. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Praesent sem augue, rutrum vel, placerat quis, scelerisque a, ante.</p>

<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Praesent sem augue, rutrum vel, placerat quis, scelerisque a, ante.</p>
</div>
</body>
</html>

jarvkloMedlem sedan juli 20013 378 inlägg

5 sep. 2006 20:20#3

Hmm..

Rullister och ram för en iframe, sätter man (iallafall hjälpligt) inifrån det dokument som laddas in i ramen.

Dessutom måste koden för att färga en rullningslist i MSIE skrivas lite olika beroende på vilken <!DOCTYPE sidan som laddas har... - men det fenomenet i sig är en delvis annan historia (se t.ex. http://www.webforum.nu/showthread.php?s=&postid=803660#post803660 )

Hursomhelst.
I de här exemplen kör jag med en <!DOCTYPE som ger "standards mode"...

Exempel 1 på hur man kan göra: http://member.webforum.nu/2241/peppe80-iframesida.html (laddar sidan http://member.webforum.nu/2241/peppe80-innehall.html )
Det här exemplet visar hur det antagligen är "tänkt" eftersom kantfärgen dyker upp i "värddokumentet" i flera webbläsare - däremot hamnar kantlinjen (minst sagt) på lite olika ställen beroende på vilken webbläsare man använder...

Exempel 2:
Kantlinjen med "omslutande div" i värddokumentet (alltså dokumentet med <iframe>-elementet):
http://member.webforum.nu/2241/peppe80-iframesida2.html (laddar sidan http://member.webforum.nu/2241/peppe80-innehall2.html )

... och förresten, välkommen till wF och lycka till :bire

(behöver du en mer ordrik förklaring eller har problem att hitta i min exempelkod, så fråga igen ;) )