Willkommen, Gast ( Anmelden | Registrierung )     [ Hilfe | Mitglieder | Suche ]

> Probleme im FF, Probleme im FF
webmasterFF
Beitrag Tue. 18. January 2011, 14:24
Beitrag #1


Advanced Member
*******

Gruppe: AdvancedMembers
Beiträge: 287
Mitglied seit: 14.05.2009
Mitglieds-Nr.: 1.885



Hallo Forum,

ich habe einmal mehr eine Frage an die erfahrenen Programmierer und Designer unter euch.

Ich habe zum ersten Mal eine Website mit <div> erstellt und ja. Da fangen die Probleme schon an.
Wie immer habe ich einen kapitalen Fehler gemacht und mir das "Produkt" zwar im IE angeschaut, aber eben vergessen im Safari und im Firefox das gleiche zu tun.

Lange rede kurzer Sinn: die Website wird nur im IE richtig und fehlerfrei dargestellt.

Im Firefox als auch im Safari verschieben sich die divs wahrlos und folgen nicht dem Code.

Hier ist mal der Link zur Website: www.four-tec.de

Was auffällt ist, dass im IE alles stimmt, im FF und safari aber die ganze Website rechts dargestellt wird und das foother-div sich nach oben verschiebt.

Zum Darstellen der divs habe ich folgenden Code benutzt:

QUELLTEXT
<style type="text/css">
  <!--
* { margin: 0;
    padding: 0;}

/* Höhen- und Breitenanpassung zu 10%; Scrollbar ausblenden */
body, html{ width: 100%;
            height: 100%;
            overflow: hidden;}

/* BG-Image auf unterste Ebene anordnen */
#bgImg{ position: absolute;
        top: 0;
        left: 0;
        border: 0;
        z-index: 0;}
/* Body-Dummy absolut über BG-Image legen; Scrollbar bei Bedarf einblenden */
#bodyDiv{ position: absolute;
          top: 0;
          left: 0;
          z-index: 2;
          overflow: auto;
          width: 100%;
          height: 100%;
          text-align: center;}

/* Layoutelemente */
#mainDiv{ width: 600px;
          height: 100px;
          text-align: left;
          margin: 0px auto;}
#headDiv{ border: 0px solid #000;
          background: #;}
#contentDiv{ border: 0px solid #000;
             background: #;
             margin-top: 2px;
             height: 1000px;}
#footerDiv{ border: 0px solid #000;
            background: #;
            margin-top: 2px;}
//-->
</style>


Der Beitrag wurde von amk bearbeitet: Tue. 18. January 2011, 19:03
Bearbeitungsgrund: thema verschoben - off-topic


--------------------
Es dankt und grüßt
webmaster FF

--------------------
Sefrengo v.1.6.0
ES LEBE SEFRENGO - denn du hast tausende von Möglichkeiten !!
Go to the top of the page
 
+Quote Post
 
Start new topic
Antworten
webmasterFF
Beitrag Fri. 21. January 2011, 12:41
Beitrag #2


Advanced Member
*******

Gruppe: AdvancedMembers
Beiträge: 287
Mitglied seit: 14.05.2009
Mitglieds-Nr.: 1.885



Hallo Leutz,

so, nun hab ich mein Layout mal durch das Expression Web genudelt und einige Anpassungen vorgenommen, allerdings mag der Sefrengo das Layout jetzt nimmer ... Er zeigt dann schlicht eine weiße Seite an und sonst nix. Woran liegt das denn nun ???

Ich bin ratlos, habe euch aber mal den Quelltext dazu hier angehängt. Hat jemand eine Ahnung?

QUELLTEXT
<!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>
<cms:lay type="head"/>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Fourtec Quadtechnik</title>

<style type="text/css">
  <!--
* { margin: 0;
    padding: 0;}

body, html{ width: 100%;
            height: 100%;
            overflow: hidden;}

#bgImg{ position: absolute;
        top: 0;
        left: 0;
        border: 0;
        z-index: 0;}
#bodyDiv{ position: absolute;
          top: 0;
          left: 0;
          z-index: 2;
          overflow: auto;
          width: 100%;
          height: 100%;
          text-align: center;}

#mainDiv{ width: 600px;
          height: 100px;
          text-align: left;
          margin: 0px auto;}
#headDiv{ border: 0px solid #000;
          background: #;}
#contentDiv{ border: 0px solid #000;
             background: #;
             margin-top: 2px;
             height: 1000px;}
#footerDiv{ border: 0px solid #000;
            background: #;
            margin-top: 2px;}
</style>
</head>

<body>
<img id="bgImg" src="media/img/layout/background_fourtec.jpg" width="100%" height="100%" style="position: absolute; left: -3; top: 0">
<div id="bodyDiv">
  <div id="mainDiv">
    <div id="headDiv">
        <table border="0" width="980" id="table2" cellspacing="0" cellpadding="0">
            <tr>
                <td colspan="2">
                <table border="0" width="100%" id="table6" cellspacing="0">
                    <tr>
                        <td>
                        &nbsp;</td>
                        <td width="490">
                        <table border="0" width="100%" id="table7" cellspacing="0" cellpadding="0" height="20">
                            <tr>
                                <td width="33%" background="/media/img/layout/background_tabelle_oben.png">
                                <p align="center"><a class="small" href="index.php?idcatside=86">FAQ</a></td>
                                <td width="2%">&nbsp;</td>
                                <td width="33%" background="/media/img/layout/background_tabelle_oben.png">
                                <p align="center">
                                <a class="small" href="http://www.four-tec.de/index.php?idcatside=85">
                                AGB</a></td>
                                <td width="2%">&nbsp;</td>
                                <td width="30%" background="/media/img/layout/background_tabelle_oben.png">
                                <p align="center"><a class="small" href="index.php?idcatside=87">Impressum</a></td>
                            </tr>
                        </table>
                        </td>
                    </tr>
                </table>
                </td>
            </tr>
            <tr>
                <td width="580" background="/media/img/layout/background_tabelle_oben.png">&nbsp;</td>
                <td width="400" background="/media/img/layout/background_tabelle_oben.png">
                &nbsp;</td>
            </tr>
            <tr>
                <td width="580" background="/media/img/layout/background_tabelle_oben.png" rowspan="2">
    <p align="center">
    <object type="application/x-shockwave-flash" data="Opener_Website_Winter.swf" width="500" height="280">
  <param name="movie" value="Opener_Website_Winter.swf">
</object>
    <p align="center">&nbsp; </td>
                <td width="400" background="/media/img/layout/background_tabelle_oben.png">
                <p style="text-align: center"><span style="font-size: xx-large"><span style="color: #ffffff"><span style="font-family: Arial">
                <img alt="" style="width: 281px; height: 46px" src="logo_fourtec.gif" /><span style="font-size: xx-small">&nbsp;</span><br />
</span></span></span></p>
<p style="text-align: center">&nbsp;</p>
<div style="text-align: center"><span style="font-size: xx-large"><span style="color: #ffffff"><span style="font-family: Arial">New Version <br />
out now !<br />
</span></span></span><span style="color: #ffffff"><span style="font-size: large"><span style="font-family: Arial"><span style="font-size: small"><br />
Welcome to our Website 2011<br />
</span></span></span></span></div>
                <p align="center">&nbsp;</td>
            </tr>
            <tr>
    <td width="400" valign="top" background="/media/img/layout/background_tabelle_oben.png" align="right">
      <table border="0" width="100%" id="table4" cellspacing="0" cellpadding="0">
        <tr>
          <td width="50" align="right">
            <img border="0" src="/media/img/layout/empfehlung_icon.PNG" width="18" height="18"></td>
          <td width="150" align="left">
            &nbsp;
            <a class="small" href="mailto:?subject=Insidertipp: www.four-tec.de // Hier gibt es die geilen Quads, ATV`s und Zubehör">
            Site weiterempfehlen</a>
          </td>
          <td width="50" align="left">
            <p align="right">
            <img border="0" src="/media/img/layout/rss_feed_icon.png" width="18" height="18"></td>
          <td align="left" width="150" height="50">
            &nbsp;
            <a class="small" href="java script:window.external.AddFavorite('http:/www.four-tec.de','Fourtec%20GmbH')">
            Bookmark this Page</a>
          </td>
        </tr>
      </table>
        </table>
    </div>
    <div id="contentDiv">
        <table border="0" width="980" id="table1" height="100%" background="/media/img/layout/background_tabelle.png">
        <tr>
            <td width="200" valign="top" align="center">
            <table border="0" width="100%" id="table5" cellpadding="2">
                <tr>
                    <td height="400" valign="top" width="200"><a class="Unternavigation" href="http://www.four-tec.de">
                                Home</a><p>
                <cms:lay type="container" id="10" title="Navigation"/></td>
                </tr>
                <tr>
                    <td height="50" width="200" align="center">
                    <table border="3" width="95%" id="table10" bordercolor="#333333" cellspacing="0" cellpadding="2">
                        <tr>
                            <td bgcolor="#202020" height="40" bordercolor="#333333">
                            <p align="center"><b>
                            <font face="Arial" size="2" color="#FFFFFF">Schon in
                            unserem</font></b></p>
                            <p align="center"><b>
                            <font face="Arial" size="2" color="#FFFFFF">Webshop
                            gestöbert ?</font></b></td>
                        </tr>
                        <tr>
                            <td bgcolor="#202020" height="140">
                            <p align="center">&nbsp;</p>
                            <cms:lay type="container" id="20" title="Webshop"/>
                            &nbsp;<p align="center">
                            <a target="_blank" href="http://shop.four-tec.de/">
                            <img border="0" src="media/img/layout/zum_shop.jpg" width="153" height="24"></a><p align="center">
                            <font face="Arial" size="2">&nbsp;</font></td>
                        </tr>
                    </table>
                    </td>
                </tr>
                <tr>
                    <td height="20" width="200" align="center">&nbsp;</td>
                </tr>
                <tr>
                    <td height="50" width="200" align="center">
                    <table border="3" width="95%" id="table9" bordercolor="#333333" cellspacing="0" cellpadding="2">
                        <tr>
                            <td bgcolor="#202020" height="40" bordercolor="#333333">
                            <p align="center"><b>
                            <font face="Arial" size="2" color="#FFFFFF">Termine
                            bei uns im Haus</font></b></p>
                            <p align="center"><b>
                            <font face="Arial" size="2" color="#FFFFFF">und in
                            der Szene</font></b></td>
                        </tr>
                        <tr>
                            <td bgcolor="#202020">
                            <p align="center"><cms:lay type="container" id="30" title="Events/News"/></td>
                        </tr>
                    </table>
                    </td>
                </tr>
                <tr>
                    <td height="180" width="200"><cms:lay type="container" id="40" title="Counter"/></td>
                </tr>
            </table>
            <p>&nbsp;</td>
            <td width="770" valign="top">
            <table border="0" width="100%" id="table11" cellspacing="10" cellpadding="0">
                <tr>
                    <td width="45%"><cms:lay type="container" id="50" title="Inhalt"/></td>
                    <td>&nbsp;</td>
                    <td width="45%"><cms:lay type="container" id="60" title="Inhalt"/></td>
                </tr>
                <tr>
                    <td colspan="3"><cms:lay type="container" id="70" title="Inhalt"/></td>
                </tr>
                <tr>
                    <td valign="top"><cms:lay type="container" id="80" title="Inhalt"/></td>
                    <td>&nbsp;</td>
                    <td valign="top"><cms:lay type="container" id="90" title="Inhalt"/></td>
                </tr>
            </table>
            <table border="0" width="100%" id="table12" cellspacing="0">
                <tr>
                    <td><cms:lay type="container" id="100" title="Inhalt"/></td>
                </tr>
            </table>
            </td>
        </tr>
        </table>
    </div>
    <div id="footerDiv">
        <table border="0" width="980" id="table3">
            <tr>
                <td>
                <table border="0" width="100%" id="table8" background="/media/img/layout/background_tabelle_oben.png">
                    <tr>
                        <td>
                        <p align="right">
                        <font face="Arial" size="2" color="#FFFFFF">Quicklinks:&nbsp;</font>&nbsp;&nbsp;
                        <a class="small" href="http://www.four-tec.de/index.php?idcatside=88">
                        Links ins Web</a>&nbsp;&nbsp; <font color="#FFFFFF">׀</font>&nbsp;&nbsp;
                        <a class="small" href="http://www.four-tec.de/index.php?idcatside=90">
                        Internettechnik</a>&nbsp; </p>
                        <p align="right">
                        <font face="Arial" size="1" color="#FFFFFF">© All rights reserved by Susanne Ebert
                        Quadtechnik&nbsp; </font></td>
                    </tr>
                </table>
                </td>
            </tr>
        </table>
    </div>
  </div>
</div>
<cms:lay type="config"/>
</body>


</html>


--------------------
Es dankt und grüßt
webmaster FF

--------------------
Sefrengo v.1.6.0
ES LEBE SEFRENGO - denn du hast tausende von Möglichkeiten !!
Go to the top of the page
 
+Quote Post

Beiträge in diesem Thema
- webmasterFF   Probleme im FF   Tue. 18. January 2011, 14:24
- - jwitt   Hallo Webmaster, checkst Du Dein Quelltext-Chaos e...   Wed. 19. January 2011, 01:11
- - webmasterFF   Hallo jwitt, ich gebe zu dass meine Quelltexte ni...   Wed. 19. January 2011, 07:49
|- - jwitt   Hallo webmasterFF, ich nutze in Firefox die Eweite...   Wed. 19. January 2011, 09:02
- - webmasterFF   Hallo Jürgen, toll dass du dich so mit der Thema...   Wed. 19. January 2011, 10:37
|- - jwitt   Hallo webmasterFF, Es ist ohne Probleme möglich ...   Wed. 19. January 2011, 11:22
- - webmasterFF   Nun, sagen wir mal "so ähnlich" bewerks...   Wed. 19. January 2011, 13:53
|- - speedweb   Hallo, ist interessant eure unterhaltung zu verfol...   Wed. 19. January 2011, 14:44
|- - jwitt   Hallo webmasterFF, ich kann jetzt auch nicht fehle...   Wed. 19. January 2011, 17:15
- - oberbilker   ich möchte noch ergänzen: als editor ist pspad m...   Wed. 19. January 2011, 18:21
- - webmasterFF   Männers, top ! Super Hinweise und alles zu ge...   Thu. 20. January 2011, 10:11
- - webmasterFF   Hallo Leutz, so, nun hab ich mein Layout mal durc...   Fri. 21. January 2011, 12:41
- - pawel   ZITATallerdings mag der Sefrengo das Layout jetzt ...   Fri. 21. January 2011, 14:59
- - webmasterFF   Danke Pawel .... Was für ein dummer Anfängerfehl...   Fri. 21. January 2011, 15:56
|- - jwitt   Hallo webmasterFF, ... da ist aber noch Einiges im...   Fri. 21. January 2011, 18:18
- - webmasterFF   Hi Jürgen, habe ich auch schon gesehen :/ Werde...   Fri. 21. January 2011, 20:00
- - bkm   Das bedeutet doch auch nicht das validierte Seiten...   Fri. 21. January 2011, 22:00
|- - webmasterFF   ZITAT(bkm @ Fri. 21. January 2011, 22:00)...   Sat. 22. January 2011, 17:11
|- - jwitt   Ich würde es mit den Regeln für die Rechtschreib...   Sat. 22. January 2011, 17:44
- - webmasterFF   Nein, das ist es sicher nicht. Ich bin ja auch fro...   Thu. 3. February 2011, 18:14


Reply to this topicStart new topic
1 Besucher lesen dieses Thema (Gäste: 1 | Anonyme Besucher: 0)
0 Mitglieder:

 



RSS Vereinfachte Darstellung Aktuelles Datum: 30.5.24 - 03:54

Sefrengo ist ein eingetragenes Markenzeichen und urheberrechtlich geschützt.
Copyright 2009 Design & Daten, Alle Rechte vorbehalten.