Antworten auf deine Fragen:
Neues Thema erstellen

Firefox / IE Probleme

Oecki

Noch nicht viel geschrieben

Hi,

brauche bitte eure Hilfe:
Bin gerade dabei eine Seite zu gestalten, komme aber gerade an meine Grenzen. Im Firefox werden die Seiten gut sichtbar dargestellt. Im IE 7&8 werden Seiten entweder nicht angezeigt oder auch mit Balken zum verschieben angegeben. (siehe Bild)



Hier der Quelltext:

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>TROYTEC - SPEEDBIKES.MUNICH</title>
<link href="" rel="stylesheet" type="text/css" />
<script type="text/javascript" src=""></script>

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

<script type="text/javascript" src="">
</script>
</head>

<body>
<div id="site">
    <div id="headbg">
        <div id="links">
            <div id="meta"><a href="">home</a> | <a href="">über uns</a> | <a href="">produkte</a> | <a href="">fertigung</a> | <a href="">presse</a> | <a href="">partner</a> | <a href="">kontakt</a> | <a href="">impressum</a> | <a href="">agb</a></div>
      </div>
        <div id="rechts">
            <div id="logo"><img src="" alt="logo" width="300" height="55" /></div>
      </div>
    </div>
    <div id="head"><img src="" alt="trenner" /></div>
    <div id="free"></div>
    <div id="flash">
    <script type="text/javascript">

featuredcontentglider.init({
    gliderid: "canadaprovinces", //ID of main glider container
    contentclass: "glidecontent", //Shared CSS class name of each glider content
    togglerid: "p-select", //ID of toggler container
    remotecontent: "", //Get gliding contents from external file on server? "filename" or "" to disable
    selected: 0, //Default selected content index (0=1st)
    persiststate: false, //Remember last content shown within browser session (true/false)?
    speed: 500, //Glide animation duration (in milliseconds)
    direction: "downup", //set direction of glide: "updown", "downup", "leftright", or "rightleft"
    autorotate: true, //Auto rotate contents (true/false)?
    autorotateconfig: [30000, 2] //if auto rotate enabled, set [milliseconds_btw_rotations, cycles_before_stopping]
})

</script>

<div id="canadaprovinces" class="glidecontentwrapper">

<div class="glidecontent">
<img src="" style="float: left; padding: 5px" />
British Columbia is the westernmost of Canada's provinces and is famed for its natural beauty. It's capital is Victoria, located at the southeastern tip of Vancouver Island. BC's most populous city is Vancouver, located in southwest corner of the BC mainland called the Lower Mainland.
</div>

<div class="glidecontent">
<img src="" style="float: right; padding: 5px"/>
Ontario is a province located in the central part of Canada, the largest by population and second largest, after Quebec in total area. Toronto, the capital of Ontario, is the centre of Canada's financial services and banking industry.
</div>

<div class="glidecontent">
<img src="" style="float: left; padding: 5px"/>
Yukon, still commonly referred to as "The Yukon Territory", is the westernmost of Canada's three northern territories. The Yukon's major appeal is its nearly pristine nature. Tourism relies heavily on this and there are many organised outfitters and guides available to hunters and anglers and nature lovers of all sorts.
</div>

</div>

<div id="p-select" class="glidecontenttoggler">
<a href="" class="prev">Zurück</a>
<a href="" class="toc">Seite 1</a> <a href="" class="toc">Seite 2</a> <a href="" class="toc">Seite 3</a>
<a href="" class="next">Vor</a>
</div>
    </div>
</div>
</body>

</html>
Hier meine CSS:

Code:
#site {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    height: 100%;
    width: 890px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    padding: 0px;
    overflow:auto;
}
body {
    margin: 0px;
    padding: 0px;
    background-image: url(../images/bg/bg2.gif);
    background-repeat: repeat-x;
    overflow:auto;
}
#links {
    float: left;
    width: 590px;
}
#rechts {
    float: right;
    width: 300px;
}
#logo {
    margin-top: 32px;
}




#meta {
    float: left;
    margin-top: 72px;
    font-size: 10px;
    width: 590px;
    color: #808081;
}
#meta a:link {
    color: #808081;
    text-decoration: none;
    padding: 1px;
}
#meta a:hover {
    color: #E61A26;
    text-decoration: none;
}
    
#meta a:visited {
    color: #E61A26;
    text-decoration: none;
    color: #808081;
    text-decoration: none;
}
#meta a:active {

    color: #E61A26;
    text-decoration: none;
    color: #EB2032;
    text-decoration: none;
}
    
#head {
    width: 890px;
    padding-top: 4px;
    padding-bottom: 2px;
}


#headbg {
    height: 89px;
    width: 890px;
}
#free {
    height: 7mm;
}
#bodyperson {
    width: 890px;
    height: 400px;
    top: 0px;
    position: fest;
    background-repeat: no-repeat;
}


#text {
    margin-right: auto;
    margin-left: auto;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #FFFFFF;
    height: 300px;
    width: 300px;
    text-align: justify;
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: none;
}
#textlinks {
    height: 185px;
    width: 140px;
    margin-top: 13px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 2px;
    float: left;
}

#bodypersonbox {
    height: 400px;
    width: 890px;
    margin: 0px;
}

#bodypersonboxtop {
    width: 890px;
    height: 400px;
}
Hier mal der komplette Link:

TROYTEC - SPEEDBIKES.MUNICH

Bin euch für jede Antwort dankbar - vielleicht liegt hier ja auch ein "Grundlegender Fehler" bei meiner Erstellung vor!

DAnke und Gruß
Chris
 

Silvio

Aktives Mitglied

AW: Firefox / IE Probleme

Also ich finde auf der "beta2"-Seite keine Probleme, wie Du auf Deinem bild oben zeigst. Wo soll denn das genau sein? Auf der startseite?
Vielleicht solltest Du an eine Browserweiche denken.
Silvio
 

Oecki

Noch nicht viel geschrieben

AW: Firefox / IE Probleme

Hi Silvio,

danke für deine schnelle Antwort.
Das Problem mit den Balken ist auf der AGB Seite (sorry hatte ich vergessen anzufügen).

TROYTEC - SPEEDBIKES.MUNICH

Was meinst du mit Browserweiche ?

Viele Grüße
Christian
 

sh0ck

PST-SURVIVOR

AW: Firefox / IE Probleme

hallo.

das problem besteht auch im firefox.. zumindest bei mir!
es scheint einen konflikt mit deinen breiten zu geben.

ändere doch bitte mal in css/featuredcontentglider.css folgendes:
Code:
.glidecontenttoggler { /*style for DIV used to contain toggler links. */
[COLOR="Red"]width: 890px;[/COLOR]
margin-top: 6px;
text-align: center; /*How to align pagination links: "left", "center", or "right"
background: white; /*always declare an explicit background color for fade effect to properly render in IE*/
}

füge dort den wert 880px ein, da das auch die breite von .glidecontentwrapper ist. dies ist jetzt erst mal langsames herantasten, da ich mit deinem wirrwa noch nicht so zurecht komme.

gruss chris
 

Oecki

Noch nicht viel geschrieben

AW: Firefox / IE Probleme

Ich persönlich auch nicht mehr ;-)

Habe das jetzt mal auf 880 abgeändert!
 

MyBad

localhorst

AW: Firefox / IE Probleme

Setze bei #site overflow auf hidden. Dann kommen auch die Balken nicht mehr. Die erscheinen nämlich nur, wenn der Inhalt größer als #site ist.

also:

HTML:
 #site{ overflow: hidden; }

momentan steht dort:
HTML:
 #site{ overflow: auto; }
 

Oecki

Noch nicht viel geschrieben

AW: Firefox / IE Probleme

Jup - hat funktioniert!!!
Herzlichen Dank.

Jetzt besteht bei mir allerdings noch das Problem, dass im IE diese ganzen Seiten nicht funktionieren. (siehe Bild)
 

MyBad

localhorst

AW: Firefox / IE Probleme

Wie hast du denn die Flash-Datei (swf) eingebunden?

Ah, kann ja selbst in den Quelltext schauen. Mach es am besten über das swfObject. Das ist ne feine Sache. Musst mal googeln. Weiß den Link grad nicht auswendig.

Aber im IE ist schon der Flashplayer vorhanden, oder? Nicht, dass du den erst noch installieren, bzw. aktuallisieren musst.
 
Zuletzt bearbeitet:

Oecki

Noch nicht viel geschrieben

AW: Firefox / IE Probleme

Klasse - dann werde ich das heute Nachmittag mal zusammenbasteln!

Weißt du noch eine Problemlösung für Links (z.B. Home | über uns | ....) mit a:active?
Ich möchte eigentlich dass wenn ich auf über uns bin, dass dieses mit ROT markiert bleibt. Bis jetzt ist es nicht mal so, dass jeder link bei a:hover ROT markiert wird ....

Ich habe in den Tutorials schon Möglichkeiten gesehen, es mit einem roten Unterstrich zu hinterlegen .... aber vielleicht habe ich ja in der CSS Datei auch meine Fehler gemacht!
 

leveler

00110100 00110010

AW: Firefox / IE Probleme

Weißt du noch eine Problemlösung für Links (z.B. Home | über uns | ....) mit a:active?

Ich möchte eigentlich dass wenn ich auf über uns bin, dass dieses mit
ROT markiert bleibt. Bis jetzt ist es nicht mal so, dass jeder link bei
a:hover ROT markiert wird ....
wen ich Dich richtig verstanden habe, muesste es so aussehen:
a:active { text-decoration:underline; color:#f00;}
 

MyBad

localhorst

AW: Firefox / IE Probleme

Klasse - dann werde ich das heute Nachmittag mal zusammenbasteln!

Weißt du noch eine Problemlösung für Links (z.B. Home | über uns | ....) mit a:active?
Ich möchte eigentlich dass wenn ich auf über uns bin, dass dieses mit ROT markiert bleibt. Bis jetzt ist es nicht mal so, dass jeder link bei a:hover ROT markiert wird ....

Ich habe in den Tutorials schon Möglichkeiten gesehen, es mit einem roten Unterstrich zu hinterlegen .... aber vielleicht habe ich ja in der CSS Datei auch meine Fehler gemacht!

Das funktioniert so nich. a:active gilt nur so lang, wie die Maus drauf klickt und die neue Seite noch nicht geladen ist. Um das zu realisieren, was du möchtest, musst du deinem aktiven Link eine Klasse (z. B. class="active") verpassen. Über a:active funktioniert das nicht.
 

Oecki

Noch nicht viel geschrieben

AW: Firefox / IE Probleme

Wie hast du denn die Flash-Datei (swf) eingebunden?

Ah, kann ja selbst in den Quelltext schauen. Mach es am besten über das swfObject. Das ist ne feine Sache. Musst mal googeln. Weiß den Link grad nicht auswendig.

Aber im IE ist schon der Flashplayer vorhanden, oder? Nicht, dass du den erst noch installieren, bzw. aktuallisieren musst.

Hab ich jetzt ausprobiert - schaut auch super aus - jedoch wenn ich im IE dann nochmal den Link für diese Seite anklicke, bzw. den Link aktualisiere, dann kommt ein schwarzer Bildschirm. Der will das Flash laden, funzt aber nicht.

http://troytec.de/beta2/ueberuns/

Hier der Quellcode:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>TROYTEC - SPEEDBIKES.MUNICH</title>
<link href="../css/troytec.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="../css/swfobject.js"></script>
</head>

<body>
<div id="site">
<div id="headbg">
<div id="links">
<div id="meta"><a href="../">home</a> | <a href="../ueberuns">über uns</a> | <a href="../impressum">produkte</a> | <a href="../kontakt">fertigung</a> | <a href="../presse">presse</a> | <a href="../partner">partner</a> | <a href="../kontakt">kontakt</a> | <a href="../impressum">impressum</a> | <a href="../agb">agb</a></div>
</div>
<div id="rechts">
<div id="logo"><img src="../images/logo/tt_logo2.gif" alt="logo" width="300" height="55" /></div>
</div>
</div>
<div id="head"><img src="../images/main/trenner.gif" alt="trenner" /></div>
<div id="free"></div>
<div id="flashcontent">http://www.java.com/de/download/index.jsp</div>
<script type="text/javascript">
var so = new SWFObject("troytec.swf", "Troytec", "890", "400", "6", src="../images/bg/photoflow2.jpg");
so.write("flashcontent");
</script>
</div>
</body>

</html>

Wer kennt hier eine Lösung ?
 
Zuletzt bearbeitet:
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Neueste Themen & Antworten

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
118.616
Beiträge
1.538.358
Mitglieder
67.536
Neuestes Mitglied
QuestionMark
Oben