Flashforum - Die Community zu Adobe Flash, Flex AIR. Web Design und Inspiration.

arees · 07-01-2012, 13:05

hallo,
immer wenn ich einen script einbinde und einen Doctyp angebe funktioniert der Script nicht aber der Rest schon. Wenn ich nun aber den Doctyp wegnehme dann funktioniert der Script aber im IE funktioniert die komplette Positionierung nicht mehr. Könnte vll auch daran liegen das ich viel mit "position: absolute;" arbeite.

Es geht um diesen Script hier Service und Produke - Webbaukasten - Sport Live bei sportal.de

Sollte man eigentlich noch für den IE "optimieren"? Oder benutz den eh fast niemand mehr? Ich habe nämlich eine Statistik gesehen da benutzen noch etwa 40% den IE. Stimmt das so und wie macht ihr das mit dem IE?

grüße arees

**shin10** · 07-01-2012, 16:54

Also zum einen ist der IE natürlich wichtig. Ist halt standardmäßig auf Windowsrechnern drauf. Den IE6 kann man meiner Meinung nach endlich ignorieren. Aber eigentlich gilt: In veralteten browsern muss es nicht zwangsläufig schön sein - funktionieren muss die Seite überall.

Von welchem doctype redest du? 4er, 5er, sonst was? Kann man das mal sehen?

Und als Letztes: Lauftext saugt. :|

mfg

sx

arees · 07-01-2012, 17:25

den hier benutz ich:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">

und überhaupt sobald ich ein doctyp angebe funktioniert der Script nicht mehr

**shin10** · 07-01-2012, 17:39

Versuchs mal mit

PHP-Code:

  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html xmlns="http://www.w3.org/1999/xhtml">

arees · 07-01-2012, 17:57

der IE lässt es so leider immer noch zerschießen

aber der script funzt

**shin10** · 07-01-2012, 19:22

Dann hast du wojl Fehler in html/css. Irgendein tag nicht richtig geschlossen?

arees · 07-01-2012, 20:02

mh eigentlich nicht. Benutze Dreamweaver und da werden Syntax Fehler direkt angezeigt.

Das komische ist ja das sobald ich ein Doctyp angebe funzt es im IE und in allen anderen Browser nur funktioniert der Script dann wiederum nicht in keinem.

arees · 07-01-2012, 20:55

eine andere frage zum IE habe ich noch. Und zwar möchte ich mit CSS eine andere Schrift auf meine Homepage einbinden. Können die alten Internet epxlorer das denn mit dem einbinden? Weil ich es mal bei jemanden gesehen hab der meine Homepage angeschaut hat und bei ihm funzte die Schrift nicht und er benutze den IE. Gibt es noch eine andere Möglichkeit außer googlewebfonts schriften in eine Webseite einzubinden sodass der Browser von den Besuchern diese Schrift auch interpretiert auch wenn sie nicht standardmäßig installiert ist?

hatte da schonmal an canvas gedacht aber ich bin mir auch da nicht sicher ob die alten IEs das unterstützen?!

grüße arees

**shin10** · 07-01-2012, 22:56

Also canvas kannst du voll knicken. Das ist doch HTML5. Der IE unterstützt @font-face aber schon seit 4.x.

Was dein doctype Problem angeht, solltest du dich nicht auf DW allein verlassen. Wüsste auch nicht, dass ich den ausserhalb von js/php je meckern gesehen habe.

**thomas_E** · 07-01-2012, 23:31

Zitat:

Benutze Dreamweaver und da werden Syntax Fehler direkt angezeigt.

Firebug hat noch einen gefunden:

Code:

missing } in compound statement
http://cdn.amgdgt.com/base/creatives/48/b5/106717/AMG_PixelSpread-v1n.html
Line 3

Edit: beim zweiten mal kam die Meldung nicht

und da gehört ein script-block garantiert nicht hin:

HTML-Code:

<html><script type="text/javascript">
    var varTitle = "TNT Laufband";
</script>
<head>
...

ich bin mir nicht sicher, ob das zulässig ist: script-block mit src-Attribut und Inhalt

HTML-Code:

<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
  {lang: 'de'}
</script>

dass die Codezeile imo sinnfrei ist, ist ein anderes Thema.

**shin10** · 08-01-2012, 02:16

Ach es ging wieder um designweaver? Hätte ich mir denken sollen ...

font:
Du hast nur OTF, aber keine EOT angegeben. Mit OTF kann der IE nichts anfangen.

ungeschlossene tags:
Da hab ich eben mal zwei gefunden und geschlossen.
Immer schön einrücken, dann kann das nicht passieren.

linebreaks:
Versuch mal die ganzen <br /> rauszunehmen, wo sie keinen Sinn machen. Das ist ein Fall für margin oder padding. Das Tag ist nicht zum Gestalten da. Wenn du später mal ein anderes CSS schreibst machen die Probleme und du darfst dich erstmal wieder wundern.

css:
Wozu #absolute? Nimm da einfach gleich #wrapper. Außerdem solltest du keine Namen vergeben, die wiederspiegeln, was das CSS mit dem Knoten macht, sondern was im Knoten ist.
Fontalternative (und wenn's nur sans-serif o. Ä. ist) nicht vergessen!

Was sich im IE verschieben soll weiß ich nicht. Das hast du vermutlich schon gefixed?

Ich hab das css jeweils unterhalb des link tag nochmal rein.

PHP-Code:

  <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html xmlns="http://www.w3.org/1999/xhtml">

    <head>

        <base href="http://www.designweaver.de/" target="_blank" />

        

        <title>Designweaver | Webdesign | Online Portfolio | Thorben St&auml;ndker</title>

        

        <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />

        <meta name="Keywords" content="designweaver, webdesign, grafikdesign, designweaver.de" />

        <meta name="Description" content="Designweaver / Die offizelle Webseite von Webdesigner Thorben Ständker." />

        <meta name="Language" content="de" />

        

        <link rel="stylesheet" type="text/css" href="font.css" />

        <style>

            @font-face {

              font-family: Bebas Neue;

              src: url(font.eot),

                   url(font.otf) format('opentype');

            }

        </style>

        <link rel="stylesheet" type="text/css" href="stylesheet.css" />

        <style>

               

            html, body{

                width: 100%;

                height: 100%;

                padding: 0;

                margin: 0;

            }

            body  {

                padding: 0px;

                margin: 0px;

                color: #6a6f73;

                font-size: 14px;

                font-family: calibri, sans-serif;

                background: white;

            }

            

            img  {

                border: none;

            }

            img:active  {

                border: none;

            }

            a  {

                text-decoration: none;

                color: #6a6f73;

            }

            a:active  {

                border: none;

            }

            

            #bg  {

                width: 100%;

                height: 350px;

                background: #f2f2f2;

                position: absolute;

                top: 100px;

            }

            

            #wrapper  {

                width: 1000px;

                margin: 0 auto;

                position: relative;

            }

            

            #logo  {

                margin-top: 30px;

            }

            

            #logo_bg  {

                width: 234px;

                height: 1200px;

                background: url('images/header.png') no-repeat;

                padding-left: 60px;

                position: absolute;

                top: 0px;

                left: 0px;

                z-index: 15;

            }

            

            #navigation  {

                position: absolute;

                top: 25px;

                left: 390px;

                width: 610px;

                height: 50px;

            }

            

            .link-bg  {

                width: 110px;

                height: 50px;

                border-right: solid 1px #c4c4c4;

                float: left;

                padding-left: 10px;

                color: #474747;

                font-family: "Bebas Neue", sans-serif;

                font-size: 20px;

            }

            

            .link-bg:hover  {

                color: #00649f;

            }

        

            .link-description  {

                font-size: 12px;

                font-family: calibri, sans-serif;

            }

            

            #link-active  {

                color: #00649f;

            }

            

            #slideshow {

                width: 700px;

                height: 400px;

                background: url('images/slideshow.png') no-repeat;

                position: absolute;

                top: 100px;

                left: 300px;

            }

            

            h1  {

                font-weight: normal;

                font-family: calibri;

                font-size: 20px;

                margin: 0px;

                padding: 0px;

                padding-bottom: 5px;

                color: #474747;

            }

            

            #slideshow_bg  {

                width: 1000px;

                height: 350px;

                background: url('images/slideshow.jpg') no-repeat;

                position: absolute;

                top: 100px;

                left: 0px;

                z-index: 2;

                overflow: hidden;

            }

            

            .slideshow_text  {

                position: absolute;

                top: 50px;

                left: 300px;

                font-size: 14px;

                color: #474747;

                width: 310px;

                font-family: calibri, sans-serif;

                line-height: 18px;

                z-index: 5;

            }

            

            #slideshow_img  {

                position: absolute;

                top: 50px;

                left: 620px;

            }

            

            p  {

                margin: 0px;

                padding: 0px;

            }

            

            #text_content  {

                width: 675px;

                height: 100px;

                position: absolute;

                top: 475px;

                left: 300px;

                line-height: 22px;

                color: #666666;

            }

            

            #seitenbild  {

                margin-left: 550px;

                margin-top: 75px;

            }

            

            

            

            .text-link  {

                color: #00649f;

            }

            .text-link:hover  {

                text-decoration: underline;

            }

            

            h2  {

                font-weight: 800;

                font-size: 14px;

            }

            

            h3  {

                font-weight: 800;

                font-size: 15px;

                color: #96999D;

                padding-bottom: 10px;

            }

            

            .h1_gepunktet  {

                width: 100%;

                border-bottom: dotted 1px #999999;

                font-size: 19px;

            }

            

            .date  {

                font-size: 12px;

                position: absolute;

                top: 5px;

                left: 640px;

            }

            

            .text_box  {

                width: 700px;

                min-height: 150px;

                position: relative;

                top: 0px;

                left: 0px;

                line-height: 20px;

                color: #7e7e7e;

            }

            

            .alert_img  {

                height: 150px;

                float: left;

                margin-right: 10px;

                border: solid 2px #ececec;

            }

            

            

            /*/ -------------------- REREFERENZ BOX STYLE ------------------------/*/

            

            #img_content  {

                position: absolute;

                left: 0px;

                top: 0px;

                width: 2000px;

            }

            

            .img_box  {

                padding-left: 300px;

                padding-top: 50px;

                width: 700px;

                height: 300px;

                float: left;

            }

            .ipad  {

                width: 364px;

                height: 312px;

                background: url('images/referenzen/ipad.png') no-repeat;

                padding-top: 18px;

                padding-left: 27px;

            }

            .img_text  {

                margin-left: 350px;

                margin-top: -175px;

                color: black;

                width: 300px;

                line-height: 20px;

            }

            .img_text h2  {

                font-size: 16px;

                font-weight: normal;

                color: black;

                padding-bottom: 10px;

            }

            .img_box img  {

                width: 312px;

                height: 157px;

            }

            

            #slideshow_option  {

                position: absolute;

                top: 300px;

                left: 875px;

            }

            

            #slideshow_option li  {

                list-style: none;

                color: white;

                font-size: 16px;

                font-family: calibri;

                float: left;

                cursor: pointer;

                width: 20px;

                height: 18px;

                padding-top: 2px;

                background: url('images/slideshow-option.png') no-repeat;

                text-align: center;

                margin-right: 10px;

            }

            

            

            #slideshow_option li:hover  {

                color: black;

                background: url('images/slideshow-option-hover.png') no-repeat;

            }

            

            #slideshow_option li:active  {

                margin-top: 2px;

            }

            

            /*/ -------------------- ENDE REREFERENZ BOX STYLE ------------------------/*/

            

            .ref_box  {

                width: 250px;

                height: 250px;

                background: url('images/ref-box.png') no-repeat;

                float: left;

                padding-top: 30px;

                padding-left: 30px;

            }

            

            .ref_box img  {

                width: 210px;

                height: 120px;

            }

            

            .ref_box p  {

                margin-top: 10px;

                width: 210px;

            }

            /*/--------------------------REFERENZEN ENDE-----------------------/*/

            

            #kontakt_img  {

                position: absolute;

                top: 0px;

                left: 700px;

                height: 350px;

            }

            

            .cont_img  {

                margin-top: 5px;

                height: 15px;

                width: 15px;

                float: left;

                padding-right: 10px;

            }

            

            #kontakt_formular  {

                float: left;

                margin-left: -18px;

            }

            

            .know_how  {

                float: left;

                margin-left: -25px;

                margin-top: 0px;

            }

            

            #know_how_2  {

                margin-left:25px;

            }

            

            

            #news li  {

                width: 660px;

                min-height: 80px;

                border-radius: 15px;

                -webkit-border-radius: 15px;

                box-shadow: 0px 0px 10px #b3b3b3;

                -webkit-box-shadow: 0px 0px 10px #b3b3b3;

                background: white;

                padding-top: 20px;

                padding-left: 20px;

                margin-left: 0px;

                list-style: none;

                line-height: 20px;

                padding-right: 20px;

            }

            

            .calender  {

                width: 42px;

                height: 42px;

                background: url('images/calender.gif') no-repeat;

                padding-top: 18px;

                text-align: center;

                float: left;

                padding-right: 10px;

            }

            

            .month  {

                width: 34px;

                height: 12px;

                background: #199dca;

                margin-top: -13px;

                margin-left: 4px;

                border-radius: 2px;

                font-size: 12px;

                color: white;

                line-height: 11px;

            }

        </style>

        <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />

    </head>

    <body>

        <div id="bg">&nbsp;</div>

        <div id="wrapper">

            <div id="logo_bg">

                <a href="http://designweaver.de/" title="Designweaver - Startseite"><img src="images/logo.png" alt="Designweaver Logo" id="logo" /></a>

            </div><!-- designweaver logo_bg -->

            <div id="navigation">

                <a href="http://designweaver.de/" title="Startseite"><div class="link-bg" id="link-active">STARTSEITE<br /><span class="link-description">Zum Anfang</span></div></a>

                <a href="http://designweaver.de/referenzen.html" title="Referenzen"><div class="link-bg">REFERENZEN<br /><span class="link-description">Meine Projekte</span></div></a>

                <a href="http://designweaver.de/ueber-mich.html" title="Über Mich"><div class="link-bg">ÜBER MICH<br /><span class="link-description">Zur Person</span></div></a>

                <a href="http://designweaver.de/kontakt.html" title="Kontakt"><div class="link-bg">KONTAKT<br /><span class="link-description">Anfrage</span></div></a>

                <a href="http://designweaver.de/impressum.html" title="Impressum"><div class="link-bg" style="border: none;">IMPRESSUM<br /><span class="link-description">Distanzierung</span></div></a>

            </div>

            <div id="slideshow_bg">

                <div class="slideshow_text">

                    <br />

                    <h1>WILLKOMMEN</h1>

                    <p>Mein Name ist Thorben Ständker. Ich mache Grafikdesign und Webdesign und komme aus Lüdinghausen, einer kleinen Stadt in der Nähe von Münster(Westfahlen). Neben meiner schulischen Laufbahn arbeite ich als freier Webdesigner & Entwickler und gestalte Internetauftritte für Kunden aus den verschiedensten Bereichen.</p>

                </div>

                <img src="images/ipad.png" alt="Designweaver Startbild" id="slideshow_img" />

            </div>

            <div id="text_content">

                <div id="newsTicker">

                    <SCRIPT LANGUAGE="Javascript">

                        var SCT_TICKER_FONT_COLOR="#000000";

                        var SCT_TICKER_BG_COLOR="#F5F5F5";

                        var SCT_TICKER_LINK_COLOR="#000000";

                        var SCT_TICKER_VLINK_COLOR="#000000";

                        var SCT_TICKER_HOVER_COLOR="#eb9b22";

                        var SCT_TICKER_FONT="Arial";

                        var SCT_TICKER_RESSORT="";

                        var SCT_TICKER_HOVER_UNDERLINE="none";

                        var SCT_TICKER_LINK_UNDERLINE="none";

                        var SCT_TICKER_FONTBOLD="normal";

                        var SCT_TICKER_WIDTH=300;

                        var SCT_TICKER_HEIGHT=25;

                        var SCT_TICKER_FONT_SIZE=9;

                        var SCT_TICKER_SPEED=5;

                        var SCT_TICKER_HOVER_STOP=1;

                        var SCT_TICKER_TRANSPARENT=0;

                        var SCT_TICKER_OFFSET=150;

                        var SCN_HEADLINES_LOCATION="";

                    </SCRIPT>

                    <noscript><a href="http://www.sportal.de" target="_blank">www.sportal.de</a></noscript>

                    <SCRIPT LANGUAGE="JavaScript" SRC="http://www.sportal.de/content/js/dlcticker.js"></SCRIPT>

                </div>

                <h1>Neuigkeiten</h1>

                <br />

                <ul id="news">

                    <li>

                        <div class="calender">

                            <div class="month">

                                Jan

                            </div>

                            06

                        </div>

                        <h2>Content Managment System - CMSKLEX</h2>

                        <p>Für das Content Managment System CMSKLEX erstellte ich ein Frontend Design und ein Design für die grafische Oberfläche des CMS.</p>

                    </li>

                    <br />

                    <li>

                        <div class="calender">

                            <div class="month">

                                Jan

                            </div>

                            02

                        </div>

                        <h2>Designweaver.de ist online</h2>

                        <p>Meine neue Webseite www.designweaver.de ist online und kann nun in voller Pracht begutachtet werden.</p>

                    </li>

                    <br />

                    <li>

                        <div class="calender">

                            <div class="month">

                                Dez

                            </div>

                            01

                        </div>

                        <h2>Webseite des Flamenco Museum Sevilla</h2>

                        <p>Für das Flamenco Museum aus Sevilla, Spanien entwickelte ich ein Relaunch der bestehenden Seite und ich übernahm auch die Programmierung und Gestaltung der Webseite. <a href="http://designweaver.de/referenzen.html" class="text-link" title="Zu meinen Referenzen">Anschauen</a></p>

                    </li>

                </ul>

            </div>

        </div>

    </body>

</html>

arees · 08-01-2012, 10:58

was designweaver? es geht um den Script den ich oben angegeben habe.

Ich mache eine Homepage für einen bekannten der eine Hobbyfußballgruppe betreibt und der möchte gerne Fußballnews in Form eines Laufbalken auf seiner Webseite haben.

trotzdem danke für die Tipps

mfg

arees · 08-01-2012, 11:03

und woher kriege ich diese EOT Datei?

**Martin Kraft** · 08-01-2012, 11:05

Zitat:

Zitat von arees

und woher kriege ich diese EOT Datei?

Im Zweifelsfalle da, wo Du die otf-Datei auch her hast.

Es gibt natürlich auch Konverter, die sollte man aber (wie WebFonts im Allgemeinen auch) nur einsetze,n wenn man dafür die nötigen Lizenzrechte besitzt:
http://www.fontsquirrel.com/fontface/generator

P.S.: Bitte, bitte, es heißt »das Script«! Alles andere tut mir beim Lesen weh

arees · 08-01-2012, 11:52

vielen dank Martin

07-01-2012, 13:05	#1 (permalink)
arees Neuer User Registriert seit: Jun 2011 Ort: Lüdinghausen Beiträge: 275	doctyp problem beim einbinden von script hallo, immer wenn ich einen script einbinde und einen Doctyp angebe funktioniert der Script nicht aber der Rest schon. Wenn ich nun aber den Doctyp wegnehme dann funktioniert der Script aber im IE funktioniert die komplette Positionierung nicht mehr. Könnte vll auch daran liegen das ich viel mit "position: absolute;" arbeite. Es geht um diesen Script hier Service und Produke - Webbaukasten - Sport Live bei sportal.de Sollte man eigentlich noch für den IE "optimieren"? Oder benutz den eh fast niemand mehr? Ich habe nämlich eine Statistik gesehen da benutzen noch etwa 40% den IE. Stimmt das so und wie macht ihr das mit dem IE? grüße arees

07-01-2012, 16:54	#2 (permalink)
shin10 in the boondocks Registriert seit: Feb 2006 Ort: Augsburg Beiträge: 4.049	Also zum einen ist der IE natürlich wichtig. Ist halt standardmäßig auf Windowsrechnern drauf. Den IE6 kann man meiner Meinung nach endlich ignorieren. Aber eigentlich gilt: In veralteten browsern muss es nicht zwangsläufig schön sein - funktionieren muss die Seite überall. Von welchem doctype redest du? 4er, 5er, sonst was? Kann man das mal sehen? Und als Letztes: Lauftext saugt. :\| mfg sx __________________ flintfabrik.de

07-01-2012, 17:25	#3 (permalink)
arees Neuer User Registriert seit: Jun 2011 Ort: Lüdinghausen Beiträge: 275	den hier benutz ich: Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> und überhaupt sobald ich ein doctyp angebe funktioniert der Script nicht mehr Geändert von arees (07-01-2012 um 17:29 Uhr)

07-01-2012, 17:39	#4 (permalink)
shin10 in the boondocks Registriert seit: Feb 2006 Ort: Augsburg Beiträge: 4.049	Versuchs mal mit PHP-Code: `<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html xmlns="http://www.w3.org/1999/xhtml">` __________________ flintfabrik.de

07-01-2012, 19:22	#6 (permalink)
shin10 in the boondocks Registriert seit: Feb 2006 Ort: Augsburg Beiträge: 4.049	Dann hast du wojl Fehler in html/css. Irgendein tag nicht richtig geschlossen? __________________ flintfabrik.de

07-01-2012, 17:57	#5 (permalink)
arees Neuer User Registriert seit: Jun 2011 Ort: Lüdinghausen Beiträge: 275	der IE lässt es so leider immer noch zerschießen aber der script funzt

07-01-2012, 20:02	#7 (permalink)
arees Neuer User Registriert seit: Jun 2011 Ort: Lüdinghausen Beiträge: 275	mh eigentlich nicht. Benutze Dreamweaver und da werden Syntax Fehler direkt angezeigt. Das komische ist ja das sobald ich ein Doctyp angebe funzt es im IE und in allen anderen Browser nur funktioniert der Script dann wiederum nicht in keinem.

07-01-2012, 20:55	#8 (permalink)
arees Neuer User Registriert seit: Jun 2011 Ort: Lüdinghausen Beiträge: 275	eine andere frage zum IE habe ich noch. Und zwar möchte ich mit CSS eine andere Schrift auf meine Homepage einbinden. Können die alten Internet epxlorer das denn mit dem einbinden? Weil ich es mal bei jemanden gesehen hab der meine Homepage angeschaut hat und bei ihm funzte die Schrift nicht und er benutze den IE. Gibt es noch eine andere Möglichkeit außer googlewebfonts schriften in eine Webseite einzubinden sodass der Browser von den Besuchern diese Schrift auch interpretiert auch wenn sie nicht standardmäßig installiert ist? hatte da schonmal an canvas gedacht aber ich bin mir auch da nicht sicher ob die alten IEs das unterstützen?! grüße arees

07-01-2012, 22:56	#9 (permalink)
shin10 in the boondocks Registriert seit: Feb 2006 Ort: Augsburg Beiträge: 4.049	Also canvas kannst du voll knicken. Das ist doch HTML5. Der IE unterstützt @font-face aber schon seit 4.x. Was dein doctype Problem angeht, solltest du dich nicht auf DW allein verlassen. Wüsste auch nicht, dass ich den ausserhalb von js/php je meckern gesehen habe. __________________ flintfabrik.de

08-01-2012, 02:16	#11 (permalink)
shin10 in the boondocks Registriert seit: Feb 2006 Ort: Augsburg Beiträge: 4.049	Ach es ging wieder um designweaver? Hätte ich mir denken sollen ... font: Du hast nur OTF, aber keine EOT angegeben. Mit OTF kann der IE nichts anfangen. ungeschlossene tags: Da hab ich eben mal zwei gefunden und geschlossen. Immer schön einrücken, dann kann das nicht passieren. linebreaks: Versuch mal die ganzen <br /> rauszunehmen, wo sie keinen Sinn machen. Das ist ein Fall für margin oder padding. Das Tag ist nicht zum Gestalten da. Wenn du später mal ein anderes CSS schreibst machen die Probleme und du darfst dich erstmal wieder wundern. css: Wozu #absolute? Nimm da einfach gleich #wrapper. Außerdem solltest du keine Namen vergeben, die wiederspiegeln, was das CSS mit dem Knoten macht, sondern was im Knoten ist. Fontalternative (und wenn's nur sans-serif o. Ä. ist) nicht vergessen! Was sich im IE verschieben soll weiß ich nicht. Das hast du vermutlich schon gefixed? Ich hab das css jeweils unterhalb des link tag nochmal rein. PHP-Code: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <base href="http://www.designweaver.de/" target="_blank" /> <title>Designweaver \| Webdesign \| Online Portfolio \| Thorben Ständker</title> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> <meta name="Keywords" content="designweaver, webdesign, grafikdesign, designweaver.de" /> <meta name="Description" content="Designweaver / Die offizelle Webseite von Webdesigner Thorben Ständker." /> <meta name="Language" content="de" /> <link rel="stylesheet" type="text/css" href="font.css" /> <style> @font-face { font-family: Bebas Neue; src: url(font.eot), url(font.otf) format('opentype'); } </style> <link rel="stylesheet" type="text/css" href="stylesheet.css" /> <style> html, body{ width: 100%; height: 100%; padding: 0; margin: 0; } body { padding: 0px; margin: 0px; color: #6a6f73; font-size: 14px; font-family: calibri, sans-serif; background: white; } img { border: none; } img:active { border: none; } a { text-decoration: none; color: #6a6f73; } a:active { border: none; } #bg { width: 100%; height: 350px; background: #f2f2f2; position: absolute; top: 100px; } #wrapper { width: 1000px; margin: 0 auto; position: relative; } #logo { margin-top: 30px; } #logo_bg { width: 234px; height: 1200px; background: url('images/header.png') no-repeat; padding-left: 60px; position: absolute; top: 0px; left: 0px; z-index: 15; } #navigation { position: absolute; top: 25px; left: 390px; width: 610px; height: 50px; } .link-bg { width: 110px; height: 50px; border-right: solid 1px #c4c4c4; float: left; padding-left: 10px; color: #474747; font-family: "Bebas Neue", sans-serif; font-size: 20px; } .link-bg:hover { color: #00649f; } .link-description { font-size: 12px; font-family: calibri, sans-serif; } #link-active { color: #00649f; } #slideshow { width: 700px; height: 400px; background: url('images/slideshow.png') no-repeat; position: absolute; top: 100px; left: 300px; } h1 { font-weight: normal; font-family: calibri; font-size: 20px; margin: 0px; padding: 0px; padding-bottom: 5px; color: #474747; } #slideshow_bg { width: 1000px; height: 350px; background: url('images/slideshow.jpg') no-repeat; position: absolute; top: 100px; left: 0px; z-index: 2; overflow: hidden; } .slideshow_text { position: absolute; top: 50px; left: 300px; font-size: 14px; color: #474747; width: 310px; font-family: calibri, sans-serif; line-height: 18px; z-index: 5; } #slideshow_img { position: absolute; top: 50px; left: 620px; } p { margin: 0px; padding: 0px; } #text_content { width: 675px; height: 100px; position: absolute; top: 475px; left: 300px; line-height: 22px; color: #666666; } #seitenbild { margin-left: 550px; margin-top: 75px; } .text-link { color: #00649f; } .text-link:hover { text-decoration: underline; } h2 { font-weight: 800; font-size: 14px; } h3 { font-weight: 800; font-size: 15px; color: #96999D; padding-bottom: 10px; } .h1_gepunktet { width: 100%; border-bottom: dotted 1px #999999; font-size: 19px; } .date { font-size: 12px; position: absolute; top: 5px; left: 640px; } .text_box { width: 700px; min-height: 150px; position: relative; top: 0px; left: 0px; line-height: 20px; color: #7e7e7e; } .alert_img { height: 150px; float: left; margin-right: 10px; border: solid 2px #ececec; } // -------------------- REREFERENZ BOX STYLE ------------------------// #img_content { position: absolute; left: 0px; top: 0px; width: 2000px; } .img_box { padding-left: 300px; padding-top: 50px; width: 700px; height: 300px; float: left; } .ipad { width: 364px; height: 312px; background: url('images/referenzen/ipad.png') no-repeat; padding-top: 18px; padding-left: 27px; } .img_text { margin-left: 350px; margin-top: -175px; color: black; width: 300px; line-height: 20px; } .img_text h2 { font-size: 16px; font-weight: normal; color: black; padding-bottom: 10px; } .img_box img { width: 312px; height: 157px; } #slideshow_option { position: absolute; top: 300px; left: 875px; } #slideshow_option li { list-style: none; color: white; font-size: 16px; font-family: calibri; float: left; cursor: pointer; width: 20px; height: 18px; padding-top: 2px; background: url('images/slideshow-option.png') no-repeat; text-align: center; margin-right: 10px; } #slideshow_option li:hover { color: black; background: url('images/slideshow-option-hover.png') no-repeat; } #slideshow_option li:active { margin-top: 2px; } // -------------------- ENDE REREFERENZ BOX STYLE ------------------------// .ref_box { width: 250px; height: 250px; background: url('images/ref-box.png') no-repeat; float: left; padding-top: 30px; padding-left: 30px; } .ref_box img { width: 210px; height: 120px; } .ref_box p { margin-top: 10px; width: 210px; } //--------------------------REFERENZEN ENDE-----------------------// #kontakt_img { position: absolute; top: 0px; left: 700px; height: 350px; } .cont_img { margin-top: 5px; height: 15px; width: 15px; float: left; padding-right: 10px; } #kontakt_formular { float: left; margin-left: -18px; } .know_how { float: left; margin-left: -25px; margin-top: 0px; } #know_how_2 { margin-left:25px; } #news li { width: 660px; min-height: 80px; border-radius: 15px; -webkit-border-radius: 15px; box-shadow: 0px 0px 10px #b3b3b3; -webkit-box-shadow: 0px 0px 10px #b3b3b3; background: white; padding-top: 20px; padding-left: 20px; margin-left: 0px; list-style: none; line-height: 20px; padding-right: 20px; } .calender { width: 42px; height: 42px; background: url('images/calender.gif') no-repeat; padding-top: 18px; text-align: center; float: left; padding-right: 10px; } .month { width: 34px; height: 12px; background: #199dca; margin-top: -13px; margin-left: 4px; border-radius: 2px; font-size: 12px; color: white; line-height: 11px; } </style> <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" /> </head> <body> <div id="bg"> </div> <div id="wrapper"> <div id="logo_bg"> <a href="http://designweaver.de/" title="Designweaver - Startseite"><img src="images/logo.png" alt="Designweaver Logo" id="logo" /></a> </div><!-- designweaver logo_bg --> <div id="navigation"> <a href="http://designweaver.de/" title="Startseite"><div class="link-bg" id="link-active">STARTSEITE<br /><span class="link-description">Zum Anfang</span></div></a> <a href="http://designweaver.de/referenzen.html" title="Referenzen"><div class="link-bg">REFERENZEN<br /><span class="link-description">Meine Projekte</span></div></a> <a href="http://designweaver.de/ueber-mich.html" title="Über Mich"><div class="link-bg">ÜBER MICH<br /><span class="link-description">Zur Person</span></div></a> <a href="http://designweaver.de/kontakt.html" title="Kontakt"><div class="link-bg">KONTAKT<br /><span class="link-description">Anfrage</span></div></a> <a href="http://designweaver.de/impressum.html" title="Impressum"><div class="link-bg" style="border: none;">IMPRESSUM<br /><span class="link-description">Distanzierung</span></div></a> </div> <div id="slideshow_bg"> <div class="slideshow_text"> <br /> <h1>WILLKOMMEN</h1> <p>Mein Name ist Thorben Ständker. Ich mache Grafikdesign und Webdesign und komme aus Lüdinghausen, einer kleinen Stadt in der Nähe von Münster(Westfahlen). Neben meiner schulischen Laufbahn arbeite ich als freier Webdesigner & Entwickler und gestalte Internetauftritte für Kunden aus den verschiedensten Bereichen.</p> </div> <img src="images/ipad.png" alt="Designweaver Startbild" id="slideshow_img" /> </div> <div id="text_content"> <div id="newsTicker"> <SCRIPT LANGUAGE="Javascript"> var SCT_TICKER_FONT_COLOR="#000000"; var SCT_TICKER_BG_COLOR="#F5F5F5"; var SCT_TICKER_LINK_COLOR="#000000"; var SCT_TICKER_VLINK_COLOR="#000000"; var SCT_TICKER_HOVER_COLOR="#eb9b22"; var SCT_TICKER_FONT="Arial"; var SCT_TICKER_RESSORT=""; var SCT_TICKER_HOVER_UNDERLINE="none"; var SCT_TICKER_LINK_UNDERLINE="none"; var SCT_TICKER_FONTBOLD="normal"; var SCT_TICKER_WIDTH=300; var SCT_TICKER_HEIGHT=25; var SCT_TICKER_FONT_SIZE=9; var SCT_TICKER_SPEED=5; var SCT_TICKER_HOVER_STOP=1; var SCT_TICKER_TRANSPARENT=0; var SCT_TICKER_OFFSET=150; var SCN_HEADLINES_LOCATION=""; </SCRIPT> <noscript><a href="http://www.sportal.de" target="_blank">www.sportal.de</a></noscript> <SCRIPT LANGUAGE="JavaScript" SRC="http://www.sportal.de/content/js/dlcticker.js"></SCRIPT> </div> <h1>Neuigkeiten</h1> <br /> <ul id="news"> <li> <div class="calender"> <div class="month"> Jan </div> 06 </div> <h2>Content Managment System - CMSKLEX</h2> <p>Für das Content Managment System CMSKLEX erstellte ich ein Frontend Design und ein Design für die grafische Oberfläche des CMS.</p> </li> <br /> <li> <div class="calender"> <div class="month"> Jan </div> 02 </div> <h2>Designweaver.de ist online</h2> <p>Meine neue Webseite www.designweaver.de ist online und kann nun in voller Pracht begutachtet werden.</p> </li> <br /> <li> <div class="calender"> <div class="month"> Dez </div> 01 </div> <h2>Webseite des Flamenco Museum Sevilla</h2> <p>Für das Flamenco Museum aus Sevilla, Spanien entwickelte ich ein Relaunch der bestehenden Seite und ich übernahm auch die Programmierung und Gestaltung der Webseite. <a href="http://designweaver.de/referenzen.html" class="text-link" title="Zu meinen Referenzen">Anschauen</a></p> </li> </ul> </div> </div> </body> </html> __________________ flintfabrik.de

08-01-2012, 10:58	#12 (permalink)
arees Neuer User Registriert seit: Jun 2011 Ort: Lüdinghausen Beiträge: 275	was designweaver? es geht um den Script den ich oben angegeben habe. Ich mache eine Homepage für einen bekannten der eine Hobbyfußballgruppe betreibt und der möchte gerne Fußballnews in Form eines Laufbalken auf seiner Webseite haben. trotzdem danke für die Tipps mfg Geändert von arees (08-01-2012 um 10:59 Uhr)

08-01-2012, 11:03	#13 (permalink)
arees Neuer User Registriert seit: Jun 2011 Ort: Lüdinghausen Beiträge: 275	und woher kriege ich diese EOT Datei?

08-01-2012, 11:52	#15 (permalink)
arees Neuer User Registriert seit: Jun 2011 Ort: Lüdinghausen Beiträge: 275	vielen dank Martin

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
[Flash 8] Problem beim einbinden	Fireflash85	Flash Einsteiger	3	22-12-2008 14:50
Problem beim Einbinden von Schriftarten	Fellkneul	Flash Einsteiger	2	02-04-2007 11:10
Problem beim Einbinden von WMV !!!	secon3	HTML und CSS	2	20-03-2006 12:14
Problem beim Einbinden externer SWF	Lodi	Flash MX 2004	2	12-05-2004 19:04
problem beim einbinden von swf	evoldesignz	Flash 4 und Flash 5	4	21-07-2003 13:31