At udvikle mod Netscape/Mozilla eller Opera er som regel hurtigere, hvis du vil have dit layout til at fungere i alle browsere, da de fleste af de mærkværdigheder, man har brug for at tage hensyn til, findes i IE ...
-- hvilket ofte vil betyde, at hvis man udvikler mod IE, skal man næsten starte forfra, for bare at få det til at virke nogenlunde i de andre browsere, gør man det modsatte, vil man som regel få det til at virke ens i alle de andre browsere med det samme, og med fuldt kvalificeret doctype inkl. dtd-link næsten fuldt i IE, men måske har man lige haft fat i nogle af de mærkværdigheder, som IE har, f.eks. med box-modellen (margin og padding placeres ukorrekt inde i elementets størrelse i IE !-)
-- det er der dog veldokumenterede hacks til (og man kan endda snyde ved at bruge IE-tingen conditional comments !-)
-- og jeg har lavet en kopi selv, den virker ganske udmærket:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"
http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
<meta http-equiv="content-type" content="text/html;charset=ISO-8859-1">
<title>JENSEN & BUGGE - dansk folkemusik duo!</title>
<link rel="stylesheet" type="text/css" media="screen" href="
http://www.nanaza.com/jb/index2.css"> <script type="text/javascript" src="
http://www.nanaza.com/jb/t.js"></script> <script type="text/javascript"><!-- src="
http://www.nanaza.com/jb/scroll.js" -->
// scrollbar1 by rod.rant-on.net | rodmorelos@msn.com
// keep these two lines and you're free to use this code
var scrollbar = {
scrollables: 4, // set the number of scrollable content here
contentY: 0, dragY: 0, clickY: 0,
mouseDown: function(e)
{
e = scrollbar.fixEvent(e);
var target = (e.target.nodeType == 3 || e.target.tagName.toLowerCase() == 'img') ? e.target.parentNode : e.target;
for (var i = 1; i <= scrollbar.scrollables; i++)
{
if (target.id == scrollbar.bar[i].id)
{
scrollbar.bar[i].grab = true;
scrollbar.clickY = e.clientY - scrollbar.bar[i].offsetTop;
e.preventDefault();
}
}
},
mouseUp: function(e)
{
for (var i = 1; i <= scrollbar.scrollables; i++)
{
scrollbar.bar[i].grab = false;
scrollbar.bg[i].grab = false;
}
},
mouseMove: function(e)
{
for (var i = 1; i <= scrollbar.scrollables; i++)
{
if (scrollbar.bar[i].grab && scrollbar.content[i].height > scrollbar.container[i].height)
{
e = scrollbar.fixEvent(e);
scrollbar.dragY = e.clientY - scrollbar.clickY;
if (scrollbar.dragY < 0) scrollbar.dragY = 0;
if (scrollbar.dragY > scrollbar.bg[i].height - scrollbar.bar[i].height) scrollbar.dragY = scrollbar.bg[i].height - scrollbar.bar[i].height;
scrollbar.contentY = 0 - (scrollbar.dragY * (scrollbar.content[i].height - scrollbar.container[i].height) / Math.round(scrollbar.bg[i].height - scrollbar.bar[i].height));
scrollbar.content[i].style.top = scrollbar.contentY + 'px';
scrollbar.bar[i].style.top = scrollbar.dragY + 'px';
e.preventDefault();
}
}
},
fixEvent: function(e, currentTarget)
{
if (!e) e = event;
if (!e.target) e.target = e.srcElement;
if (typeof e.layerY == 'undefined') e.layerY = e.offsetY;
if (typeof e.clientY == 'undefined') e.clientY = e.pageY;
if (!e.preventDefault) e.preventDefault = function() { this.returnValue = false; return false; }
return e;
},
init: function()
{
scrollbar.container = new Array();
scrollbar.content = new Array();
scrollbar.bar = new Array();
scrollbar.bg = new Array();
for (var i = 1; i <= scrollbar.scrollables; i++)
{
scrollbar.container[i] = document.getElementById('container' + i);
scrollbar.container[i].height = scrollbar.container[i].offsetHeight;
scrollbar.content[i] = document.getElementById('content' + i);
scrollbar.content[i].height = scrollbar.content[i].offsetHeight;
scrollbar.bar[i] = document.getElementById('scrollBar' + i);
scrollbar.bar[i].height = scrollbar.bar[i].offsetHeight;
scrollbar.bar[i].grab = false;
scrollbar.bg[i] = document.getElementById('scrollTrack' + i);
//alert(i+document.getElementById('scrollTrack' + i));
scrollbar.bg[i].height = scrollbar.bg[i].offsetHeight;
scrollbar.bg[i].grab = false;
}
document.onmousemove = scrollbar.mouseMove;
document.onmousedown = scrollbar.mouseDown;
document.onmouseup = scrollbar.mouseUp;
}
}
onload = scrollbar.init;
</script>
</head>
<body>
<div id="horizon">
<div id="content">
<div id="menu"><img src="
http://www.nanaza.com/jb/pics/menu-off.gif" alt="" usemap="#camera" border="0"><map name="camera">
<area title="om jensen & bugge" onmouseover="" onClick="show(1)" shape="rect" coords="1,1,160,16" alt="">
<area title="aktuelt" onmouseover="" onClick="show(2)" shape="rect" coords="40,16,106,28" alt="">
<area title="mp3" onmouseover="" onClick="show(3)" shape="rect" coords="170,16,200,28" alt="">
<area title="pressemateriale" onmouseover="" onClick="show(4)" shape="rect" coords="20,28,157,39" alt="">
<area title="gæstebog" onmouseover="" onClick="show(5)" shape="rect" coords="100,39,173,48" alt="">
<area title="kontakt" onmouseover="" onClick="show(6)" shape="rect" coords="30,48,96,63" alt="">
<area title="links" onmouseover="" onClick="show(7)" shape="rect" coords="173,48,240,63" alt=""></map></div>
<div class="bodytext">
<div id="t0">
<p>Dette er JENSEN & BUGGEs starttekst og start-side - Velkommen...</p>
</div>
<div id="t1">
<div id="container1">
<div id="content1" class="clContent">
<span class="subhead">om jensen & bugge >></span>
<p>JENSEN & BUGGE mødtes allerede som børn, da de boede i 3 kms afstand fra hinanden - nær Vejle, og bl.a. gik til folkedans sammen. Selv om de stod på bussen ved samme stoppested igennem det meste af skoletiden, varede det længe inden de opdagede, at de delte interessen for at spille folkemusik. Faktisk kom de først rigtigt til at få glæde af hinandens bekendtskab, da de i år 2001 kom til at studere sammen på folkemusiklinjen på Det fynske Musikkonservatorium i Odense. De har begge stor erfaring i at spille til folkedans, både sammen og hver for sig, og har haft meget stor fornøjelse og udbytte af at være i praktik i hhv. <a href="
http://www.sweevers.dk" target="_blank">Jæ Sweevers</a> og <a href="
http://www.langlinken.dk" target="_blank">Lang Linken</a>.</p>
<p>Deres repertoire, som hovedsageligt er fra det jydske, har de lært af bl.a. Lilian Vammen, Peter Uhrbrand, Carl Erik Lundgaard, Hardy Thomsen og Klaus Pindstrup. Samtidig har de på konservatoriet desuden ladet sig inspirere, bl.a. til arejdet i denne duo, af lærere som Anders Christensen, Kenneth Krak og Tove de Fries, der alle underviser i faget "Dans og spil til dans".</p>
<p>Duoen har optrådt i mange og vidt forskellige sammenhænge. F.eks: med kortere indslag ved receptioner, med instrumental ledsagelse til et par sange ved fødselsdagsfester, til helaftensbal i forsamlingshuse o.lig., samt sammen med tre studiekammerater, som orkestret "Sans"(tidligere "Young danish Blood"), under fodbold-VM i Sydkorea 2002. (-Sidstnævnte var arrangeret via et samarbejde mellem Kultursekretariatat i København og Den Danske Ambassade i Seoul. Udover fodboldlandsholdet skulle hvert land medbringe et kulturelt indslag, i form af f.eks. en danse- eller musikgruppe. Således spillede de 16 koncerter med dansk folkemusik under slutrundens første to uger. Dels udenfor stadion inden Danmarks landskampe og dels andre steder, så som i Incheon internationale lufthavn, i to dage med fire koncerter af en times varighed om dagen og på Hyatt Hotel til en reception, hvor bl.a. H.K.H. Prins Joachim var tilstede.)</p>
<p>JENSEN & BUGGE vil også i fremtiden være positive og nysgerrige overfor spillejobs af enhver slags, så tøv ikke med at tage kontakt!</p>
<p><span class="subhead">mette kathrine jensen >></span><br>
Mette er vokset op i folkemusik- og folkedansermiljøet via sine dansende forældre, der har taget hende med til stævner og baller. Hun startede som 13 årig med at spille harmonika i Egtved Musikskole, og efter mødet med Carl Erik Lundgaard nogle år senere, kom toraderen til.</p>
<p>For tiden har hun spillet/spiller hun i Strejf, Alfalfa, Sans, "Pigerne og Pøhl" og i en fortælleduo med Maren Hallberg Larsen samt optræder i Teatret Katakomben, som opfører et HC Andersen stykke, og i orkestret til Varde Sommerspil - "Spillemand på en Tagryg".</p>
<p><span class="subhead">kristian bugge >></span><br>
Kristian startede med at spille violin på steiner skolen i Vejle, da han gik i 5. klasse. Nogle år senere kom han med i "Ungerne" i Horsens. Det var en sammenspilsgruppe for unge, under ledelse af Leif og Lillian Krak. Her kom han for første gang til at spille folkemusik.</p>
<p>Efter at han i nogle år også havde spillet klassisk musik, bl.a. i 5 mdr. år på college "Raduga", i Moskva, for violinisten Mikhael Zinman(koncertmester på "Bolsjoi Tearter" i Moskva), besluttede han i efteråret ´99 at koncentrere sig om at spille folkemusik. Derefter var han et år på folkehøjskole i Malung i Sverige, hvor han modtog undervisning i dans og violinspil, af lærerne Ami Pettersson og Kalle Almlöf. Efter det kom han i 2001 ind på folkemusikuddannelsen på konservatoriet i Odense.</p>
<p>Man har bl.a. kunnet opleve ham i "MC Andersen", "Sans" og senest "Crossing the Baltic". Den 6. Marts 2004, modtog han DR´s P2-pris, "Radium Prisen", som bl.a. omfatter kontrakt på udgivelse af en soloplade, der forventes at udkomme i december 2004.</p>
</div>
</div>
<div id="scrollTrack1"><div id="scrollBar1"></div></div>
</div>
<div id="t2">
<div id="container3">
<div id="content3" class="clContent">
<span class="subhead">aktuelt >></span>
<p><b> August 2004 - Koncert i Odense 14.09.2004 </b><br>Den 14. september 2004 finder nedenstående koncert sted i Odense. Den skal optages og sendes i DR og kommer bl.a. til at præsentere en del af CD´ens materiale, hvis nogle af optagelserne bliver rigtigt gode, kan der også blive tale om det modsatte, at et par numre kan komme med på CD´en!? Forhåbenligt bliver der også en del med balmusik og dans, så mød op og dans og klap! Spillested og klokkeslet vil være at finde har på siden, så snart det er endeligt fastlagt.<br><br><br><br><b> August 2004 - Kommende cd-indspilning! </b><br>Lige nu arbejdes der på Kristians solo CD, som forventes at være på gaden i løbet af december 2004. CD´en er sponsoreret af Danmarks Radio, som en del af P2´s "Radium-pris", der blev tildelt en meget overrasket Kristian i Tønder den 6. marts i år, i forbindelse med "Danish music Award-folk 2004". <br><br>Pressen skrev: "Den første P2 Radium-pris nogen sinde blev givet til violinisten Kristian Bugge, der er i begyndelsen af tyverne, fra Kolding-egnen og elev på Det Fynske Musikkonservatoriums folkemusiklinie.<br>- Han er en meget talentfuld musiker, og i hans spil fornemmer man et helt naturligt og utvungent forhold til folkemusiktraditionen, siger P2-redaktør Hans Peter Larsen. Med Radium-prisen følger en statuette lavet af sølvsmed Michael Wiehe fra Haderslev, en offentlig koncert og en studieproduktion med en cd-udgivelse for øje." <a href="
http://www.tvhit.dk/index.php?body=news&id=939" target="_blank">
www.tvhit.dk/index.php?body=news&id=939</a>.<br><br><br><br><b> August 2004 - Ny Website! </b><br>JENSEN & BUGGE har fået lanceret deres nye website, jensen-bugge.dk, designet af <a href="
http://www.RonniWenzell.com" target="_blank">Ronni Wenzell</a>. Siden indeholder nyheder, info, mp3-filer, billeder, pressemateriale, kontakt-informationer mm. Siden er programmeret i CSS samt en smule ISS, som er kodesprog der er kompatible med alle nuværende internet-browsere. Hvis der alligevel mod forventning skulle være nogen problemer, hører vi gerne om dem så vi kan få det på plads. Henvendelse kan ske via menu-punktet KONTAKT. Ellers er der ikke andet, end bare at ønske 'God fornøjelse!'. <br><br><br><br><b> Juli 2004 - DGI Indspilning! </b><br>JENSEN & BUGGE har lige indspillet 13 numre til "Sving Egen" som er et dansemateriale, udgivet af DGI. Det består af 40 danske folkedanse af vekslende sværhedsgrad, med noder, beskrivelser og nu; nyindspillet musik. Fire danske okestre har fået hver ti melodier tildelt og har dertil valgt tre pardansemelodier. Orkestrene udover JENSEN & BUGGE er <a href="
http://www.baltinget.dk" target="_blank">Baltinget</a>, <a href="
http://www.ZARmusic.dk" target="_blank">Zar og <a href="
http://www.lirumlarum.dk/rejseorkestret" target="_blank">Rejseorkestret</a>.<br></p>
</div>
</div>
<div id="scrollTrack3"><div id="scrollBar3"></div></div>
</div>
<div id="t3">
<span class="subhead">mp3 >></span>
<p> <b><a href="
http://www.nanaza.com/pressemateriale/01.mp3" TARGET="_blank">nr. 1 >> Fynbo af Helge Sørensen</a></b><br>
<b><a href="
http://www.nanaza.com/pressemateriale/02.mp3" TARGET="_blank">nr. 2 >> Vals efter Lilian Vammen</a></b><br>
<b><a href="
http://www.nanaza.com/pressemateriale/03.mp3" TARGET="_blank">nr. 3 >> Rheinlænder fra Læsø efter Madvig Vilsen</a></p>
</div>
<div id="t4">
<div id="container4">
<div id="content4" class="clContent">
<span class="subhead">pressemateriale >></span>
<p>Plakater i farve [300dpi] ><br><br>
<TABLE>
<tr>
<td width="120" valign="top"> <a href="
http://www.nanaza.com/jb/pressemateriale/plakat-01.jpg" target="_blank"><img src="
http://www.nanaza.com/jb/pics/plakat-01t.jpg"style="filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)" onmouseover="this.style.filter = 'progid:DXImageTransform.Microsoft.BasicImage(grayscale=0)'" onmouseout="this.style.filter = 'progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)'"></a></td>
<td width="235" valign="center"><a href="
http://www.nanaza.com/jb/pressemateriale/plakat-02.jpg" target="_blank"><img src="
http://www.nanaza.com/jb/pics/plakat-02t.jpg" alt="" border="1" title="Plakat 02 i A3 [300dpi] - tryk her !"></a></td>
<td valign="center"> <a href="
http://www.nanaza.com/jb/pressemateriale/plakat-03.jpg" target="_blank"><img src="
http://www.nanaza.com/jb/pics/plakat-03t.jpg" alt="" border="1" title="Plakat 03 i A3 [300dpi] - tryk her !"></a></td>
</tr>
</table><br><br><br></p>
<p>Plakater i sort/hvid [300dpi] ><br><br>
<TABLE>
<tr>
<td width="120" valign="top"> <a href="
http://www.nanaza.com/jb/pressemateriale/plakat-01-sh.jpg" target="_blank"><img src="
http://www.nanaza.com/jb/pics/plakat-01t-sh.jpg" alt="" border="1" title="Plakat 01 i A3 [300dpi] - tryk her !"></a></td>
<td width="235" valign="center"><a href="
http://www.nanaza.com/jb/pressemateriale/plakat-02-sh.jpg" target="_blank"><img src="
http://www.nanaza.com/jb/pics/plakat-02t-sh.jpg" alt="" border="1" title="Plakat 02 i A3 [300dpi] - tryk her !"></a></td>
<td valign="center"> <a href="
http://www.nanaza.com/jb/pressemateriale/plakat-03-sh.jpg" target="_blank"><img src="
http://www.nanaza.com/jb/pics/plakat-03t-sh.jpg" alt="" border="1" title="Plakat 03 i A3 [300dpi] - tryk her !"></a></td>
</tr>
</table><br><br><br></p>
<p>Brochure i pdf-format ><br>
(pdf-format åbnes med <a href="
http://www.adobe.dk/products/acrobat/readstep2.html" target="_blank">Adobe Acrobat Reader</a>, der gratis kan downloades <a href="
http://www.adobe.dk/products/acrobat/readstep2.html" target="_blank">her</a>)<br><br>
<a href="
http://www.nanaza.com/jb/pressemateriale/jensen-bugge.pdf" target="_blank"><img src="
http://www.nanaza.com/jb/pics/pdf-logo.gif" alt="" border="0" title="Download JENSEN & BUGGE Brochure her !"></a>
</div>
</div>
<div id="scrollTrack4"><div id="scrollBar4"></div></div>
</div>
<div id="t5">
<span class="subhead">gæstebog >></span>
<p>Kommer snart!</p>
</div>
<div id="t6">
<span class="subhead">kontakt >></span>
<p>JENSEN & BUGGE<br>
Nyvangsvej 36 C<br>
DK-5000 Odense C.<br></p>
<p>Tel.: (+45) 66 13 41 66<br>
Mob.: (+45) 28 66 62 96</p>
<p>mail: <a href="mailto:info@jensen-bugge.dk?subject=Jensen-Bugge.dk">info@jensen-bugge.dk</a></p>
</div>
<div id="t7">
<div id="container2">
<div id="content2" class="clContent">
<span class="subhead">links >></span>
<p><a href="
http://www.hoejbystaevne.dk" target="_blank"><b>HoejbyStaevne.dk</b></a><span class="subhead"> >></span> Højby spillemandsstævne.</p>
<p><a href="
http://www.karenoghelene.dk" target="_blank"><b>KarenogHelene.dk</b></a><span class="subhead"> >></span> Karen og Helene.</p>
<p><a href="
http://www.sweevers.dk" target="_blank"><b>Sweevers.dk</b></a><span class="subhead"> >></span> Jæ Sweevers</p>
<p><a href="
http://www.langlinken.dk" target="_blank"><b>LangLinken.dk</b></a><span class="subhead"> >></span> Lang Linken</p>
<p><a href="
http://www.RonniWenzell.com" target="_blank"><b>RonniWenzell.com</b></a><span class="subhead"> >></span> Percussion, Piano, Foto & Webdesign.
<p><a href="
http://www.NANAZA.com" target="_blank"><b>NANAZA.com</b></a><span class="subhead"> >></span> Klassisk- og rytmisk Percussion-duo.</p>
<p><a href="
http://www.MetteKathrine.dk" target="_blank"><b>MetteKathrine.dk</b></a><span class="subhead"> >></span> Mette Kathrine Jensen's egen website.</p>
<p><a href="
http://www.KristianBugge.com" target="_blank"><b>KristianBugge.com</b></a><span class="subhead"> >></span> Kristian Bugge's egen website.</p>
<p><a href="
http://www.Strejfviser.dk" target="_blank"><b>Strejfviser.dk</b></a><span class="subhead"> >></span> Strejf's website.</p>
<p><a href="
http://www.Karma.dk" target="_blank"><b>Karma.dk</b></a><span class="subhead"> >></span> God hippie CD-butik.</p>
<p><a href="
http://www.TreTilTango.dk" target="_blank"><b>TreTilTango.dk</b></a><span class="subhead"> >></span> Tre til Tango.</p>
</div>
</div>
<div id="scrollTrack2"><div id="scrollBar2"></div></div>
</div>
</div>
</div>
</body>
</html>
