PSD-Tutorials.de
Forum für Design, Fotografie & Bildbearbeitung
Tutkit
Agentur
Hilfe
Kontakt
Start
Forum
Aktuelles
Besonderer Inhalt
Foren durchsuchen
Tutorials
News
Anmelden
Kostenlos registrieren
Aktuelles
Suche
Suche
Nur Titel durchsuchen
Von:
Menü
Anmelden
Kostenlos registrieren
App installieren
Installieren
JavaScript ist deaktiviert. Für eine bessere Darstellung aktiviere bitte JavaScript in deinem Browser, bevor du fortfährst.
Du verwendest einen veralteten Browser. Es ist möglich, dass diese oder andere Websites nicht korrekt angezeigt werden.
Du solltest ein Upgrade durchführen oder einen
alternativen Browser
verwenden.
Antworten auf deine Fragen:
Neues Thema erstellen
Start
Forum
Sonstiges
Webdesign, Webentwicklung & Programmierung
Webdesign: HTML/CSS, Responsive Design, Sass...
Firefox / IE Probleme
Beitrag
<blockquote data-quote="Oecki" data-source="post: 1259294" data-attributes="member: 379337"><p>Hi,</p><p></p><p>brauche bitte eure Hilfe:</p><p>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)</p><p></p><p></p><p></p><p>Hier der Quelltext:</p><p></p><p>[code]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"></p><p><html xmlns="http://www.w3.org/1999/xhtml"></p><p><head></p><p><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /></p><p><title>TROYTEC - SPEEDBIKES.MUNICH</title></p><p><link href="" rel="stylesheet" type="text/css" /></p><p><script type="text/javascript" src=""></script></p><p></p><p><link rel="stylesheet" type="text/css" href="" /></p><p></p><p><script type="text/javascript" src=""></p><p></script></p><p></head></p><p></p><p><body></p><p><div id="site"></p><p> <div id="headbg"></p><p> <div id="links"></p><p> <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></p><p> </div></p><p> <div id="rechts"></p><p> <div id="logo"><img src="" alt="logo" width="300" height="55" /></div></p><p> </div></p><p> </div></p><p> <div id="head"><img src="" alt="trenner" /></div></p><p> <div id="free"></div></p><p> <div id="flash"></p><p> <script type="text/javascript"></p><p></p><p>featuredcontentglider.init({</p><p> gliderid: "canadaprovinces", //ID of main glider container</p><p> contentclass: "glidecontent", //Shared CSS class name of each glider content</p><p> togglerid: "p-select", //ID of toggler container</p><p> remotecontent: "", //Get gliding contents from external file on server? "filename" or "" to disable</p><p> selected: 0, //Default selected content index (0=1st)</p><p> persiststate: false, //Remember last content shown within browser session (true/false)?</p><p> speed: 500, //Glide animation duration (in milliseconds)</p><p> direction: "downup", //set direction of glide: "updown", "downup", "leftright", or "rightleft"</p><p> autorotate: true, //Auto rotate contents (true/false)?</p><p> autorotateconfig: [30000, 2] //if auto rotate enabled, set [milliseconds_btw_rotations, cycles_before_stopping]</p><p>})</p><p></p><p></script></p><p></p><p><div id="canadaprovinces" class="glidecontentwrapper"></p><p></p><p><div class="glidecontent"></p><p><img src="" style="float: left; padding: 5px" /></p><p>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.</p><p></div></p><p></p><p><div class="glidecontent"></p><p><img src="" style="float: right; padding: 5px"/></p><p>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.</p><p></div></p><p></p><p><div class="glidecontent"></p><p><img src="" style="float: left; padding: 5px"/></p><p>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.</p><p></div></p><p></p><p></div></p><p></p><p><div id="p-select" class="glidecontenttoggler"></p><p><a href="" class="prev">Zurück</a></p><p><a href="" class="toc">Seite 1</a> <a href="" class="toc">Seite 2</a> <a href="" class="toc">Seite 3</a></p><p><a href="" class="next">Vor</a></p><p></div></p><p> </div></p><p></div></p><p></body></p><p></p><p></html></p><p>[/code]Hier meine CSS:</p><p></p><p>[code]</p><p>#site {</p><p> font-family: Verdana, Arial, Helvetica, sans-serif;</p><p> height: 100%;</p><p> width: 890px;</p><p> margin-top: 0px;</p><p> margin-right: auto;</p><p> margin-bottom: 0px;</p><p> margin-left: auto;</p><p> padding: 0px;</p><p> overflow:auto;</p><p>}</p><p>body {</p><p> margin: 0px;</p><p> padding: 0px;</p><p> background-image: url(../images/bg/bg2.gif);</p><p> background-repeat: repeat-x;</p><p> overflow:auto;</p><p>}</p><p>#links {</p><p> float: left;</p><p> width: 590px;</p><p>}</p><p>#rechts {</p><p> float: right;</p><p> width: 300px;</p><p>}</p><p>#logo {</p><p> margin-top: 32px;</p><p>}</p><p></p><p></p><p></p><p></p><p>#meta {</p><p> float: left;</p><p> margin-top: 72px;</p><p> font-size: 10px;</p><p> width: 590px;</p><p> color: #808081;</p><p>}</p><p>#meta a:link {</p><p> color: #808081;</p><p> text-decoration: none;</p><p> padding: 1px;</p><p>}</p><p>#meta a:hover {</p><p> color: #E61A26;</p><p> text-decoration: none;</p><p>}</p><p> </p><p>#meta a:visited {</p><p> color: #E61A26;</p><p> text-decoration: none;</p><p> color: #808081;</p><p> text-decoration: none;</p><p>}</p><p>#meta a:active {</p><p></p><p> color: #E61A26;</p><p> text-decoration: none;</p><p> color: #EB2032;</p><p> text-decoration: none;</p><p>}</p><p> </p><p>#head {</p><p> width: 890px;</p><p> padding-top: 4px;</p><p> padding-bottom: 2px;</p><p>}</p><p></p><p></p><p>#headbg {</p><p> height: 89px;</p><p> width: 890px;</p><p>}</p><p>#free {</p><p> height: 7mm;</p><p>}</p><p>#bodyperson {</p><p> width: 890px;</p><p> height: 400px;</p><p> top: 0px;</p><p> position: fest;</p><p> background-repeat: no-repeat;</p><p>}</p><p></p><p></p><p>#text {</p><p> margin-right: auto;</p><p> margin-left: auto;</p><p> font-family: Arial, Helvetica, sans-serif;</p><p> font-size: 13px;</p><p> color: #FFFFFF;</p><p> height: 300px;</p><p> width: 300px;</p><p> text-align: justify;</p><p> border-top: none;</p><p> border-right: none;</p><p> border-bottom: none;</p><p> border-left: none;</p><p>}</p><p>#textlinks {</p><p> height: 185px;</p><p> width: 140px;</p><p> margin-top: 13px;</p><p> margin-right: 0px;</p><p> margin-bottom: 0px;</p><p> margin-left: 2px;</p><p> float: left;</p><p>}</p><p></p><p>#bodypersonbox {</p><p> height: 400px;</p><p> width: 890px;</p><p> margin: 0px;</p><p>}</p><p></p><p>#bodypersonboxtop {</p><p> width: 890px;</p><p> height: 400px;</p><p>}</p><p>[/code]Hier mal der komplette Link:</p><p></p><p><a href="http://www.troytec.de/beta2" target="_blank">TROYTEC - SPEEDBIKES.MUNICH</a></p><p></p><p>Bin euch für jede Antwort dankbar - vielleicht liegt hier ja auch ein "Grundlegender Fehler" bei meiner Erstellung vor!</p><p></p><p>DAnke und Gruß</p><p>Chris</p></blockquote><p></p>
[QUOTE="Oecki, post: 1259294, member: 379337"] 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> [/code]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; } [/code]Hier mal der komplette Link: [URL="http://www.troytec.de/beta2"]TROYTEC - SPEEDBIKES.MUNICH[/URL] Bin euch für jede Antwort dankbar - vielleicht liegt hier ja auch ein "Grundlegender Fehler" bei meiner Erstellung vor! DAnke und Gruß Chris [/QUOTE]
Bilder bitte
hier hochladen
und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Zitate einfügen…
Authentifizierung
Wenn ▲ = 7, ▼ = 3, ◇ = 2 und die Summe von ▲ und ▼ durch ◇ geteilt wird, was ist das Ergebnis?
Antworten
Start
Forum
Sonstiges
Webdesign, Webentwicklung & Programmierung
Webdesign: HTML/CSS, Responsive Design, Sass...
Firefox / IE Probleme
Oben