Zurück   Flashforum > Alternative Technologien > HTML und CSS

Antwort
 
LinkBack Themen-Optionen Ansicht
Alt 07-01-2012, 13:05   #1 (permalink)
Neuer User
 
Registriert seit: Jun 2011
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
arees ist offline   Mit Zitat antworten
Alt 07-01-2012, 16:54   #2 (permalink)
in the boondocks
 
Benutzerbild von shin10
 
Registriert seit: Feb 2006
Ort: Augsburg
Beiträge: 4.421
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
shin10 ist offline   Mit Zitat antworten
Alt 07-01-2012, 17:25   #3 (permalink)
Neuer User
 
Registriert seit: Jun 2011
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)
arees ist offline   Mit Zitat antworten
Alt 07-01-2012, 17:39   #4 (permalink)
in the boondocks
 
Benutzerbild von shin10
 
Registriert seit: Feb 2006
Ort: Augsburg
Beiträge: 4.421
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
shin10 ist offline   Mit Zitat antworten
Alt 07-01-2012, 17:57   #5 (permalink)
Neuer User
 
Registriert seit: Jun 2011
Beiträge: 275
der IE lässt es so leider immer noch zerschießen

aber der script funzt
arees ist offline   Mit Zitat antworten
Alt 07-01-2012, 19:22   #6 (permalink)
in the boondocks
 
Benutzerbild von shin10
 
Registriert seit: Feb 2006
Ort: Augsburg
Beiträge: 4.421
Dann hast du wojl Fehler in html/css. Irgendein tag nicht richtig geschlossen?
__________________

flintfabrik.de
shin10 ist offline   Mit Zitat antworten
Alt 07-01-2012, 20:02   #7 (permalink)
Neuer User
 
Registriert seit: Jun 2011
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.
arees ist offline   Mit Zitat antworten
Alt 07-01-2012, 20:55   #8 (permalink)
Neuer User
 
Registriert seit: Jun 2011
Beiträge: 275
Post

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
arees ist offline   Mit Zitat antworten
Alt 07-01-2012, 22:56   #9 (permalink)
in the boondocks
 
Benutzerbild von shin10
 
Registriert seit: Feb 2006
Ort: Augsburg
Beiträge: 4.421
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
shin10 ist offline   Mit Zitat antworten
Alt 07-01-2012, 23:31   #10 (permalink)
Keine Panik
 
Registriert seit: Apr 2010
Ort: Düsseldorf (im ernst)
Beiträge: 2.739
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.
__________________
greetz Thomas

plz RTFM & Coding Conventions
thomas_E ist offline   Mit Zitat antworten
Alt 08-01-2012, 02:16   #11 (permalink)
in the boondocks
 
Benutzerbild von shin10
 
Registriert seit: Feb 2006
Ort: Augsburg
Beiträge: 4.421
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</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" />
        <
meta name="Language" content="de" />
        
        <
link rel="stylesheet" type="text/css" href="font.css" />
        <
style>
            @
font-face {
              
font-familyBebas Neue;
              
srcurl(font.eot),
                   
url(font.otfformat('opentype');
            }
        </
style>
        <
link rel="stylesheet" type="text/css" href="stylesheet.css" />
        <
style>
               
            
htmlbody{
                
width100%;
                
height100%;
                
padding0;
                
margin0;
            }
            
body  {
                
padding0px;
                
margin0px;
                
color#6a6f73;
                
font-size14px;
                
font-familycalibrisans-serif;
                
backgroundwhite;
            }
            
            
img  {
                
bordernone;
            }
            
img:active  {
                
bordernone;
            }
            
a  {
                
text-decorationnone;
                
color#6a6f73;
            
}
            
a:active  {
                
bordernone;
            }
            
            
#bg  {
                
width100%;
                
height350px;
                
background#f2f2f2;
                
positionabsolute;
                
top100px;
            }
            
            
#wrapper  {
                
width1000px;
                
margin0 auto;
                
positionrelative;
            }
            
            
#logo  {
                
margin-top30px;
            }
            
            
#logo_bg  {
                
width234px;
                
height1200px;
                
backgroundurl('images/header.png'no-repeat;
                
padding-left60px;
                
positionabsolute;
                
top0px;
                
left0px;
                
z-index15;
            }
            
            
#navigation  {
                
positionabsolute;
                
top25px;
                
left390px;
                
width610px;
                
height50px;
            }
            
            .
link-bg  {
                
width110px;
                
height50px;
                
border-rightsolid 1px #c4c4c4;
                
floatleft;
                
padding-left10px;
                
color#474747;
                
font-family"Bebas Neue"sans-serif;
                
font-size20px;
            }
            
            .
link-bg:hover  {
                
color#00649f;
            
}
        
            .
link-description  {
                
font-size12px;
                
font-familycalibrisans-serif;
            }
            
            
#link-active  {
                
color#00649f;
            
}
            
            
#slideshow {
                
width700px;
                
height400px;
                
backgroundurl('images/slideshow.png'no-repeat;
                
positionabsolute;
                
top100px;
                
left300px;
            }
            
            
h1  {
                
font-weightnormal;
                
font-familycalibri;
                
font-size20px;
                
margin0px;
                
padding0px;
                
padding-bottom5px;
                
color#474747;
            
}
            
            
#slideshow_bg  {
                
width1000px;
                
height350px;
                
backgroundurl('images/slideshow.jpg'no-repeat;
                
positionabsolute;
                
top100px;
                
left0px;
                
z-index2;
                
overflowhidden;
            }
            
            .
slideshow_text  {
                
positionabsolute;
                
top50px;
                
left300px;
                
font-size14px;
                
color#474747;
                
width310px;
                
font-familycalibrisans-serif;
                
line-height18px;
                
z-index5;
            }
            
            
#slideshow_img  {
                
positionabsolute;
                
top50px;
                
left620px;
            }
            
            
p  {
                
margin0px;
                
padding0px;
            }
            
            
#text_content  {
                
width675px;
                
height100px;
                
positionabsolute;
                
top475px;
                
left300px;
                
line-height22px;
                
color#666666;
            
}
            
            
#seitenbild  {
                
margin-left550px;
                
margin-top75px;
            }
            
            
            
            .
text-link  {
                
color#00649f;
            
}
            .
text-link:hover  {
                
text-decorationunderline;
            }
            
            
h2  {
                
font-weight800;
                
font-size14px;
            }
            
            
h3  {
                
font-weight800;
                
font-size15px;
                
color#96999D;
                
padding-bottom10px;
            }
            
            .
h1_gepunktet  {
                
width100%;
                
border-bottomdotted 1px #999999;
                
font-size19px;
            }
            
            .
date  {
                
font-size12px;
                
positionabsolute;
                
top5px;
                
left640px;
            }
            
            .
text_box  {
                
width700px;
                
min-height150px;
                
positionrelative;
                
top0px;
                
left0px;
                
line-height20px;
                
color#7e7e7e;
            
}
            
            .
alert_img  {
                
height150px;
                
floatleft;
                
margin-right10px;
                
bordersolid 2px #ececec;
            
}
            
            
            
/*/ -------------------- REREFERENZ BOX STYLE ------------------------/*/
            
            #img_content  {
                
positionabsolute;
                
left0px;
                
top0px;
                
width2000px;
            }
            
            .
img_box  {
                
padding-left300px;
                
padding-top50px;
                
width700px;
                
height300px;
                
floatleft;
            }
            .
ipad  {
                
width364px;
                
height312px;
                
backgroundurl('images/referenzen/ipad.png'no-repeat;
                
padding-top18px;
                
padding-left27px;
            }
            .
img_text  {
                
margin-left350px;
                
margin-top: -175px;
                
colorblack;
                
width300px;
                
line-height20px;
            }
            .
img_text h2  {
                
font-size16px;
                
font-weightnormal;
                
colorblack;
                
padding-bottom10px;
            }
            .
img_box img  {
                
width312px;
                
height157px;
            }
            
            
#slideshow_option  {
                
positionabsolute;
                
top300px;
                
left875px;
            }
            
            
#slideshow_option li  {
                
list-stylenone;
                
colorwhite;
                
font-size16px;
                
font-familycalibri;
                
floatleft;
                
cursorpointer;
                
width20px;
                
height18px;
                
padding-top2px;
                
backgroundurl('images/slideshow-option.png'no-repeat;
                
text-aligncenter;
                
margin-right10px;
            }
            
            
            
#slideshow_option li:hover  {
                
colorblack;
                
backgroundurl('images/slideshow-option-hover.png'no-repeat;
            }
            
            
#slideshow_option li:active  {
                
margin-top2px;
            }
            
            
/*/ -------------------- ENDE REREFERENZ BOX STYLE ------------------------/*/
            
            
.ref_box  {
                
width250px;
                
height250px;
                
backgroundurl('images/ref-box.png'no-repeat;
                
floatleft;
                
padding-top30px;
                
padding-left30px;
            }
            
            .
ref_box img  {
                
width210px;
                
height120px;
            }
            
            .
ref_box p  {
                
margin-top10px;
                
width210px;
            }
            
/*/--------------------------REFERENZEN ENDE-----------------------/*/
            
            #kontakt_img  {
                
positionabsolute;
                
top0px;
                
left700px;
                
height350px;
            }
            
            .
cont_img  {
                
margin-top5px;
                
height15px;
                
width15px;
                
floatleft;
                
padding-right10px;
            }
            
            
#kontakt_formular  {
                
floatleft;
                
margin-left: -18px;
            }
            
            .
know_how  {
                
floatleft;
                
margin-left: -25px;
                
margin-top0px;
            }
            
            
#know_how_2  {
                
margin-left:25px;
            }
            
            
            
#news li  {
                
width660px;
                
min-height80px;
                
border-radius15px;
                -
webkit-border-radius15px;
                
box-shadow0px 0px 10px #b3b3b3;
                
-webkit-box-shadow0px 0px 10px #b3b3b3;
                
backgroundwhite;
                
padding-top20px;
                
padding-left20px;
                
margin-left0px;
                list-
stylenone;
                
line-height20px;
                
padding-right20px;
            }
            
            .
calender  {
                
width42px;
                
height42px;
                
backgroundurl('images/calender.gif'no-repeat;
                
padding-top18px;
                
text-aligncenter;
                
floatleft;
                
padding-right10px;
            }
            
            .
month  {
                
width34px;
                
height12px;
                
background#199dca;
                
margin-top: -13px;
                
margin-left4px;
                
border-radius2px;
                
font-size12px;
                
colorwhite;
                
line-height11px;
            }
        </
style>
        <
link rel="shortcut icon" href="http://www.flashforum.de/forum/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="http://www.flashforum.de/forum/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 AreesIch mache Grafikdesign und Webdesign und komme aus Lüdinghauseneiner 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="http://www.flashforum.de/forum/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

Geändert von Martin Kraft (14-06-2013 um 15:58 Uhr) Grund: Auf mehrfachen Wunsch des Nutzers anonymisiert
shin10 ist offline   Mit Zitat antworten
Alt 08-01-2012, 10:58   #12 (permalink)
Neuer User
 
Registriert seit: Jun 2011
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)
arees ist offline   Mit Zitat antworten
Alt 08-01-2012, 11:03   #13 (permalink)
Neuer User
 
Registriert seit: Jun 2011
Beiträge: 275
und woher kriege ich diese EOT Datei?
arees ist offline   Mit Zitat antworten
Alt 08-01-2012, 11:05   #14 (permalink)
Flash-Designer
 
Benutzerbild von Martin Kraft
 
Registriert seit: May 2006
Ort: Wiesbaden
Beiträge: 7.306
Zitat:
Zitat von arees Beitrag anzeigen
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
__________________
Viele Grüße // Martin

Martin Kraft // Interaktionsdesign

Hilfreiche Websites:
// Hilfe zur Adobe Flash Plattform
// ActionScript 2 Referenz
// ActionScript 3 Referenz
// ActionScript 3 Arbeitshandbuch
// weitere Flash Ressourcen

Bitte keine Flashfragen per PM oder Profilnachricht! Dafür ist das Forum da!

Geändert von Martin Kraft (08-01-2012 um 11:18 Uhr)
Martin Kraft ist offline   Mit Zitat antworten
Alt 08-01-2012, 11:52   #15 (permalink)
Neuer User
 
Registriert seit: Jun 2011
Beiträge: 275
vielen dank Martin
arees ist offline   Mit Zitat antworten
Antwort

Lesezeichen

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks sind an
Pingbacks sind an
Refbacks sind an


Ä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


Alle Zeitangaben in WEZ +1. Es ist jetzt 06:11 Uhr.

Domains, Webhosting & Vserver von Host Europe
Unterstützt das Flashforum!
Adobe User Group


Copyright ©1999 – 2014 Marc Thiele