Avatar billede horsmark Nybegynder
06. maj 2006 - 14:31 Der er 7 kommentarer og
1 løsning

IE flytter div når vindue resizes ?

Hej alle

Jeg har et rimeligt irriterende problem:

Problemstilling:
Indhold forsvinder i vnstremenu og topmenu og ikoner til links har "dobbelt kant" til højre

Genskabe problem:
I IE virker følgende ikke hvis der fremkommer scrollbars eller vinduets brede manuelt gøres mindre ved trække ...

Hvordan skal det virke:
Som i firefox *dammit*

url:
http://www.ewkunder.dk/_customers/artlab/kurser/musikere/
Avatar billede notes2c Nybegynder
06. maj 2006 - 14:48 #1
For at på det til at være cross browser kompatibelt. Skal du bruge fuld doctype

Så start med og skift følgende, måske er det nok:

Nuværende:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="da">

Ændre til:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
Avatar billede horsmark Nybegynder
06. maj 2006 - 14:53 #2
well så gik en del i kage :-( check urlen igen...
Avatar billede notes2c Nybegynder
06. maj 2006 - 14:56 #3
Ja det kan jeg godt se... Kigger lige på det...
Avatar billede notes2c Nybegynder
06. maj 2006 - 15:15 #4
Det er en rigtig dårlig kombination at blande float og position absolute.

Så har prøvet at fjerne dem, og det giver et lidt bedre resultat synes jeg:

<!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>Artlab.dk :: Kurser :: For musikere</title>
    <xlink rel="stylesheet" href="http://www.ewkunder.dk/_customers/artlab/sitemark/_local/mod_cms/mod_cms_tpl_1.css" type="text/css">
    <style type="text/css">
   
    html, body {
        margin:0px;
        margin: 0;
        text-align: center;
        overflow:auto;
        height:100%;
        background-color:#000;
    }

    a {
        font-weight:bold;
        text-decoration: none;
        }
    a:link {
        color:#000;
        }
    a:visited {
        color:#ccc;
        }
    a:hover {
        color: #9cc;
    }

    h1, h2, p {
        border:0px;
        padding:0px;
        margin:12px;
        color:#000;
        }
    h1 {
        text-transform:uppercase;
        font-size:14px;
        font-family: arial, verdana, sans-serif;
        font-weight: bold;
    }

    h2 {
        font-size:11px;
        font-family: verdana, arial, sans-serif;
        font-weight:bold;
    }

    p {
        font-size:11px;
        font-family: verdana, arial, sans-serif;
    }

    /* Content */
    .container {
        border:0px;
        padding:0px;
        margin:auto;
        background-image:url(http://ewkunder.dk/_customers/artlab/sitemark/_local/mod_cms/bg_top2.jpg);
        background-repeat:no-repeat;
        background-color:#900;
        width:785px;
    }

    .top {
        border:0px;
        padding:0px;
        margin:0px;
        height:132px;
        overflow:hidden;
        width:785px;
    }

    .topmenu {
        border:0px;
        padding:0px;
        margin:0px 14px 0px 14px;
        height:40px;
        overflow:hidden;
        width:100%;
        text-align: left;

    }

    .topmenu a {
        border:0px;
        padding:0px;
        margin:0px 20px 0px 0px;
        text-transform:uppercase;
        font-family: arial, verdana, sans-serif;
        font-weight:bold;
        font-size: 14px;
        color:#fff;
    }

    .topmenu a:link {
        color:#fff;
    }

    .topmenu a:visited {
        color:#fff;
    }

    .topmenu a:hover {
        color: #9cc;
    }

    .topmenu .activated {
        color: #9cc !important;
    }

    .container_content {
        text-align: left;
        width:100%;
    }

    .container_left {
        float:left;
        color:#FFF;
    }

    .container_left * {
        margin:0px;
    }

    .content_left_top {
        background-image:url(http://ewkunder.dk/_customers/artlab/sitemark/_local/mod_cms/bg_content_left_top.jpg);
        background-repeat:no-repeat;
        width:156px;
        height:77px;
        text-align:center;
    }

    .content_left_menu_top {
        height:1px;
        width:156px;
        background-color:#999;
        overflow:hidden;
    }

    .content_left_menu    {
        background-image: url(http://ewkunder.dk/_customers/artlab/sitemark/_local/mod_cms/bg_content_left_menu.gif);
        background-repeat:repeat-y;
        width:156px;
        background-color: #000;
        color:#fff;
        overflow:hidden;
    }

    .content_left_menu a {
        color:#fff;
        text-decoration:underline;
        }

    .content_left_menu a:visited {
        color:#ccc;
        }

    .content_left_menu a:hover {
        color:#9cc;
        }

    .content_left_menu .activated {
        color: #9cc !important;
        text-decoration:none;
        }

    .content_left_menu .child {
        font-weight:normal;
        }

    .content_left_menu  h1, .content_left_menu p {
        font-family: arial, verdana, sans-serif;
        text-transform:uppercase;
        color:#FFF;
        margin:14px;
    }
    .content_left_menu  h1 {
        font-size:14px;
        overflow:hidden;
    }

    .content_left_menu_bottom {
        height:3px;
        width:156px;
        background-color:#999;
        overflow:hidden;
    }

    .content_mid, .content_wide {
        border-top:1px solid #000;
        border-left:1px solid #000;
        border-bottom:3px solid #000;
        border-right:3px solid #000;
        margin:0px 0px 0px 12px;
        padding:0px;
        background-color:#fff;
        float:left;
        height:auto;
    }

    .content_mid {
        width:373px;
        }
    .content_wide {
        width:600px;
    }

    .content_mid a, .content_wide a {
        color:#000;
        text-decoration: underline;
        font-weight: normal;
        background: url(http://ewkunder.dk/_customers/artlab/sitemark/_local/mod_cms/link_marker.gif) left center no-repeat;padding-left: 11px;
        }

    .content_mid a:visited, .content_wide a:visited {
        color: #444;
        }

    .content_mid a:hover, .content_wide a:hover {
        color: #9cc;
        text-decoration: underline;
        background: url(http://ewkunder.dk/_customers/artlab/sitemark/_local/mod_cms/link_marked.gif) left center no-repeat;padding-left: 11px;
        }



    .content_right {
        background-color:#fff;
        float:left;
        margin:0px 0px 0px 12px;
        overflow:hidden;
        padding:0px;
        width:213px;
        border-top:1px solid #000;
        border-left:1px solid #000;
        border-bottom:3px solid #000;
        border-right:3px solid #000;
    }

    .content_right img {
        margin:12px;
        }

    .container_bottom {
        clear:both;
        height:40px;
        width:100%;
        overflow:hidden;
        background-image: url(http://ewkunder.dk/_customers/artlab/sitemark/_local/mod_cms/bg_container_bottom.gif);
        background-repeat: repeat-x;
    }

    .container_bottom p {
        padding-top:6px;
        font-weight:bold;
        font-family: arial, verdana, sans-serif;
        text-transform:uppercase;
        color:#fff;
    }

    /** extras **/

    .content_left_top .form-frontpage-search {
        height:30px;
        width:100%;
        color: #000;
    }

    .content_left_top .form-frontpage-search label {
        top: 8px;
        left: 10px;
        width:30px;
        font-family:arial, verdana, sans-serif;
        font-size:10px;
        font-weight: bold;
    }

    .content_left_top .form-frontpage-search input {
        top: 7px;
        left: 41px;
        width:100px;
        height:13px;
        border:0px;
        font-family:arial, verdana, sans-serif;
        font-size:10px;
    }

    /** icons **/

    .icon-mail, .icon-print, .icon-english {
        cursor:pointer;
        top:40px;
        height:22px;
        width:28px;
        }

    .icon-mail {
        left:14px;
    }

    .icon-print{
        top:39px;
        left:64px;
    }
    .icon-english {
        left:113px;
    }

    /** search **/

    .ext_search {
        height:28px;
        padding:2px 14px 0px 14px;
        background-image:url(http://ewkunder.dk/_customers/artlab/sitemark/_local/mod_cms/bg_mid_wide_top_search.gif);
        background-repeat:repeat-x;
        text-transform:uppercase;
        }

    .ext_search .button {
        display:none;
    }

    .ext_search  * {
        font-family: verdana, arial, sans-serif;
        font-size:10px;
    }

    .ext_search .input {
        font-family:arial, verdana, sans-serif;
        font-size:10px;
        font-weight: bold;
        padding-left:5px;
        width:430px;
        border:0px;
    }

    .ext_search_result li {
        padding:0px 14px 14px 0px;
    }

    .ext_search_result {
        width:100%;
        margin-top:0px;
        padding:0px 0px 14px 14px;
        overflow:hidden;
        font-family: verdana, arial, sans-serif;
        font-size:10px;
    }

    .ext_search_result a {
            font-weight: bold;
        /*background-image: url(http://ewkunder.dk/_customers/artlab/sitemark/_local/mod_cms/link_marker.gif);
        background-repeat: no-repeat;
        background-position:right;
        width:100px;
        */
    }

    .ext_search_result_url {
        font-style:italic;
        color:#900;
    }

    .ext_search_result_keyword {
        color:#900;
        font-weight:bold;
    }

    </style>
    <script type="text/javascript" src="http://www.ewkunder.dk/_customers/artlab/sitemark/system/script.global.js.php"></script>
   
    <!-- Website powered by SiteMark.net CMS -->
  </head>

<body>
  <div class="container" id="container">
    <div class="top" id="top"><!-- no content -->&nbsp;</div>
    <div class="topmenu" id="topmenu"><a href="http://www.ewkunder.dk/_customers/artlab/">Home</a><a class="activated" href="http://www.ewkunder.dk/_customers/artlab/kurser/">Kurser</a><a href="http://www.ewkunder.dk/_customers/artlab/coaching/">Coaching</a><a href="http://www.ewkunder.dk/_customers/artlab/konsulentydelser/">Konsulentydelser</a><a href="http://www.ewkunder.dk/_customers/artlab/viden/">Viden</a><a href="http://www.ewkunder.dk/_customers/artlab/om/">Om Artlab</a><a href="http://www.ewkunder.dk/_customers/artlab/presse/">Presse</a></div>
    <div class="container_content" id="container_content">
      <div class="container_left" id="container_left">

        <div class="content_left_top" id="content_left_top">
          <form name="form-frontpage-search" method="post" action="http://www.ewkunder.dk/_customers/artlab/soeg/" class="form-frontpage-search" id="form-frontpage-search">
            <label>SØG</label>
            <input type="text" name="ext_search_criteria">
          </form>
          <img class="icon-mail" src="http://ewkunder.dk/_customers/artlab/sitemark/_local/mod_cms/mail.gif" onClick="location.href='mailto:blabla@bl.dk'" alt="Email artlab">
          <img class="icon-print" src="http://ewkunder.dk/_customers/artlab/sitemark/_local/mod_cms/print.gif" onClick="print()" alt="Udskriv side">
          <img class="icon-english" src="http://ewkunder.dk/_customers/artlab/sitemark/_local/mod_cms/english.gif" onClick="location.href='http://www.ewkunder.dk/_customers/artlab/eng/'" alt="Artlab on english">

        </div>
        <div class="content_left_menu_top" id="content_left_menu_top"></div>
        <div class="content_left_menu" id="content_left_menu"><h1>Kurser</h1><p><a class="activated" href="http://www.ewkunder.dk/_customers/artlab/kurser/musikere/" title="Artlab.dk :: Kurser :: For musikere">For musikere</a></p><p><a class="child" href="http://www.ewkunder.dk/_customers/artlab/kurser/musikere/masterclasses-og-workshops/" title="Artlab.dk :: For musikere :: Masterclasses &amp; w">Masterclasses &amp; workshops</a><br><a class="child" href="http://www.ewkunder.dk/_customers/artlab/kurser/musikere/cd-goer-det-selv/" title="Artlab.dk :: For musikere :: Cd-gør-det-selv">Cd-gør-det-selv</a><br><a class="child" href="http://www.ewkunder.dk/_customers/artlab/kurser/musikere/musik-og-business/" title="Artlab.dk :: For musikere :: Musik &amp; business">Musik &amp; business</a><br><a class="child" href="http://www.ewkunder.dk/_customers/artlab/kurser/musikere/musik-og-computer/" title="Artlab.dk :: For musikere :: Musik &amp; computer">Musik &amp; computer</a><br><a class="child" href="http://www.ewkunder.dk/_customers/artlab/kurser/musikere/koda-kurser/" title="Artlab.dk :: For musikere :: Koda kurser">Koda kurser</a><br></p><p><a href="http://www.ewkunder.dk/_customers/artlab/kurser/kunstnere/" title="Artlab.dk :: Kurser :: For alle kunstnere">For alle kunstnere</a></p><p><a href="http://www.ewkunder.dk/_customers/artlab/kurser/akademikere/" title="Artlab.dk :: Kurser :: For akademikere">For akademikere</a></p><p><a href="http://www.ewkunder.dk/_customers/artlab/kurser/virksomheder/" title="Artlab.dk :: Kurser :: For virksomheder">For virksomheder</a></p></div>

        <div class="content_left_menu_bottom" id="content_left_menu_bottom"></div>
      </div>
      <div class="content_mid" id="content_mid"><h1>Kurser &amp; efteruddannelse </h1><p><a title="masterclasses-og-workshops" href="http://www.ewkunder.dk/_customers/artlab/kurser/musikere/masterclasses-og-workshops/">Masterclasses &amp; workshops</a></p><p><a title="Cd-gør-det-selv" href="http://www.ewkunder.dk/_customers/artlab/kurser/musikere/cd-goer-det-selv/">Cd-gør-det-selv</a> </p><p><a title="Musik og business" href="http://www.ewkunder.dk/_customers/artlab/kurser/musikere/musik-og-business/">Musik &amp; business</a></p><p><a title="Musik og computer" href="http://www.ewkunder.dk/_customers/artlab/kurser/musikere/musik-og-computer/">Musik &amp; computer</a></p><p><a title="Koda kurser" href="http://www.ewkunder.dk/_customers/artlab/kurser/musikere/koda-kurser/">Koda kurser</a> <br /></p><h1>Tilmelding</h1><p>Tilmeldingsfristen til forårets kurser var 25. februar 2006.  Tilmelding kan KUN ske ved indsendelse af tilmeldingskupon i kursuskataloget. Eller ved at downloade tilmeldingssiden fra kataloget, printe tilmeldingskuponen ud og sende den til DMF.  </p><p>Øvrige praktiske bemærkninger fra kataloget  YDERLIGERE OPLYSNINGER tlf. 70 22 15 25 (Artlab)<br /> Praktisk/tilmelding Læs alt omkring optagelse, tilmeldingsfrist, særlige regler hvis kurserne skal indgå som led i din AF-handlinsplan, Download af tilmeldingskupon m.m.  </p><h1>Kontakt</h1><p>SPØRGSMÅL OMKRING INDHOLD For mere information omkring kursusindhold, idéer til nye kurser m.m. Kontakt: Artlab, tlf. 70 22 15 25 SPRØGSMÅL OMKRING ANSØGNING OG OPTAGELSE For mere information vedrørende ansøgning og optagelse på kurser. Kontakt: Kursusadministrator Susan Hindborg, sh@dmf.dk, tlf. 35 240 240 (DMF) <br /></p><h1>Computer Center </h1><p>MCC: MUSIKERNES COMPUTER CENTER <br />- for alle DMFs medlemmer <br /><br />Har du brug for at komponere, arrangere, skrive noder, lave undervisningsmateriale eller lærebøger? Alle medlemmer af DMF kan booke sig ind i det avancerede musikcomputerlokale, der ligger på Artlab. Rummet hedder Musikernes Computer Center (MCC) og er udstyret med en lang række musikcomputere. Medlemmerne kan benytte værkstedet alle hverdage i tidsrummet 16.00 til 23.30, samt weekender fra 9.00 til 23.30, når det ikke bruges til kurser. Hvis du er interesseret i at benytte tilbuddet, skal du på obligatorisk adgangskortkursus. <br /></p></div>

      <div class="content_right" id="content_right"><img src="http://www.ewkunder.dk/_customers/artlab/sitemark/_local/11.jpg"></div>
    </div>
    <div class="container_bottom" id="container_bottom">
      <p>artlab  /  Nørrebrogade 66D  /  2200 København n  /  T: 3333 3333  /  mail: info@artlab.dk</p>
    </div>
  </div>
  <!-- [TIME] start: (05.06.2006 14:39:55) end: (05.06.2006 14:39:55) elapsed sec: (0) elapsed microsec: (0.07)-->

</body>

</html>
Avatar billede horsmark Nybegynder
06. maj 2006 - 16:20 #5
YES ! smid et svar

.oO(...så lærte jeg sq lidt igen idag *s*)
Avatar billede notes2c Nybegynder
06. maj 2006 - 16:22 #6
Det er altid godt at lære noget... God weekend...
Avatar billede horsmark Nybegynder
06. maj 2006 - 16:43 #7
i lige måsen .... check evt url´en igen og se at lidt padding på ikoner istedet gjorde underværker :-) thx a låt !
Avatar billede notes2c Nybegynder
06. maj 2006 - 16:46 #8
Jeps lige det der skulle til...
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