Homepagelayout geht nur in Firefox


 
Neues Thema eröffnen   Neue Antwort erstellen    Webmaster Forum -> Hilfe für Webmaster -> CSS
Vorheriges Thema anzeigen :: Nächstes Thema anzeigen  
Autor Nachricht
Lina
Gast

BeitragHomepagelayout geht nur in Firefox Antworten mit Zitat

axinio Internet Marketing
Es ist zwar nicht meine erste Homepage, aber die erste mit css-basierendem Layout. Es funktioniert alles wunderbar in Firefox, aber nun im IE siehts katastrophal aus... Könnt ihr mir helfen, wie es bei beidem geht? Hier mal der Link zu meiner Homepage: www.linnelcb.com (noch gehen nicht alle links, weil ich nicht weiter gemacht hab, seit mir der Fehler aufgefallen ist.)

Danke!
15 Sep 2007 19:45
Werner
Homepage-Total.de
Moderator

Beitrag Antworten mit Zitat

Orginal
Code:

#banner {
   BORDER-RIGHT: 0px; BACKGROUND-POSITION: center 50%; BORDER-TOP: 0px; LEFT: 50%; MARGIN-LEFT: -490px; BORDER-LEFT: 0px; WIDTH: 980px; BORDER-BOTTOM: 0px; POSITION: fixed; TOP: 0px; HEIGHT: 132px
}
#navigation {
   BORDER-RIGHT: 0px; BACKGROUND-POSITION: center 50%; BORDER-TOP: 0px; LEFT: 50%; MARGIN-LEFT: -490px; BORDER-LEFT: 0px; WIDTH: 980px; PADDING-TOP: 5px; BORDER-BOTTOM: 0px; POSITION: fixed; TOP: 132px; HEIGHT: 27px
}


Geändert
Code:

#banner {
   BORDER-RIGHT: 0px; BACKGROUND-POSITION: center 100%; BORDER-TOP: 0px;  MARGIN-LEFT: 0px; BORDER-LEFT: 0px; WIDTH: 980px; BORDER-BOTTOM: 0px; POSITION: fixed; TOP: 0px; HEIGHT: 132px
}
#navigation {
   BORDER-RIGHT: 0px; BACKGROUND-POSITION: center 100%; BORDER-TOP: 0px;  MARGIN-LEFT: 0px; BORDER-LEFT: 0px; WIDTH: 980px; PADDING-TOP: 5px; BORDER-BOTTOM: 0px; POSITION: fixed; TOP: 132px; HEIGHT: 27px
}


Ich habe folgende CSS-Anweisung geändert:
Code:
MARGIN-LEFT: -490px;
BACKGROUND-POSITION: center 50%;

_________________
Bei Fragen oder Fehlermeldungen - Bitte ausführlichen Code posten!
Wie man Fragen richtig stellt
15 Sep 2007 20:58
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
Lina
Gast

Beitrag Antworten mit Zitat

Das ist doch garkein Ausschnitt aus meinem Quellcode oder? Ich hab nirgends eine Angabe wie zb border-right... *verwirrung*
Hier mal der Code meiner index-Seite:
Code:
<html>
    <head>
    <title>layout2</title>
    <meta name="author" content="Lina B&ouml;rner">
    <style type="text/css">
    body{
        background-color:#000000;
        color:#0e0d2c;
        text-align:center;
        font-family:verdana;
        }
    a:link{
        text-decoration:none;
        color:#0e0d2c;
        }
    a:visited{
        text-decoration:none;
        color:#0e0d2c;
        }
    a:hover{
        text-decoration:none;
        color:#820330;
        }
    a:active{
        text-decoration:none;
        color:6ba6ff;
        }
    #banner{
        position:fixed;
        border:0px;
        width:980px;
        height:132px;
        top:0px;
        margin-left:-490px;
        left:50%;
        background-position:center;
        }
    #navigation{
        position:fixed;
        border:0px;
        width:980px;
        height:27px; top:132px;
        margin-left:-490px;
        left:50%;
        background-position:center;
        padding-top:5px;
        }
    </style>
    </head>
    <body>
        <center>

            <font size="2">
            <div id="banner" style="background-image:url(banner.jpg);">
            </div>
            <div id="navigation"
style="background-image:url(navigation.jpg);">
               <a href="index.html">Home</a>&nbsp;&nbsp;
                <a href="uebermich/uebermich.html">&Uuml;ber
mich</a>&nbsp;&nbsp;
                <a href="merlin/merlin.html">Merlin</a>&nbsp;&nbsp;

                <a href="freunde/freunde.html">Freunde</a>&nbsp;&nbsp;
                <a href="fotos/fotos.html">Fotos</a>&nbsp;&nbsp;
                <a href="videos/videos.html">Videos</a>&nbsp;&nbsp;
                <a href="insider/insider.html">Insider</a>&nbsp;&nbsp;
                <a href="#">G&auml;stebuch</a>&nbsp;&nbsp;
                <a href="#">Reitverein Neuenhain</a>&nbsp;&nbsp;

                <a href="#">Young Island</a>&nbsp;&nbsp;
                <a href="impressum/impressum">Impressum</a></div>
            </div></font>
                    <div id="daten"
style="background-image:url(hintergrund2.jpg); border:0px; width:980px; margin-top:159px;">
                       <p style="padding-top:30px; color:#b7cff4; font-size:15px;">
                           ######

                        </p>
                        <img style="border:0px; height:200px; margin-top:0px;" src="herz.jpg"><br><br><br><br><br>
                    </div>

        </center>
</body>
</html>
16 Sep 2007 21:48
Werner
Homepage-Total.de
Moderator

Beitrag Antworten mit Zitat

Kann ich leider nicht sagen,
das war die Datei die der Browser bei mir gespeichert hat. (leider ohne Hintergrundbild!!)
Auf jeden Fall ist die Angabe "margin-left:-490px;" fehlerhaft!

Der Firefox hat auch Probleme mit der Prozent-Angabe (left:50%; )
ich würde auf diese Angabe verzichten diese werden in den Browsern unterschiedlich angezeigt.

_________________
Bei Fragen oder Fehlermeldungen - Bitte ausführlichen Code posten!
Wie man Fragen richtig stellt
17 Sep 2007 19:40
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
fiore
Gast

Beitragauch noch eine frage zum thema Antworten mit Zitat

firefox:tiptop
internet explorer: meine kleine tabelle sieht aus wie "eingesunken", sie sollte aber nicht sichtbar sein (nur schrift und bild)

css:
Code:
#table{
   border: none White;
   border-collapse: collapse;
   padding: 0 0 0 0;
}


html-ausschnitt:
Code:
<table width="93%"  id="table" >
            <tr>
              <td width="51%">
        <p><font size="2" face="Arial, Helvetica, sans-serif">
        AnaPico AG<br>
                  Technoparkstr.1<br>
                  CH-8005 Z&uuml;rich<br>
                  Switzerland<br><br>
                  Phone: +41-44-440 00 51<br>
                  Fax:&nbsp;&nbsp;&nbsp;&nbsp; +41-44-440 00 50<br>
                  </font></p></td>
              <td width="49%"><img src="images/technopark.jpg" width="168" height="135" alt=""></td>
            </tr>
          </table>



wäre wirklich froh um hilfe
gruss
fiore
05 Dez 2007 15:09
Forrest Gumb
Mitglied

Beitrag Antworten mit Zitat

Code:
border:0px;

_________________
4rest
Wende Dein Gesicht ins Licht, dann werden die Schatten hinter Dir sein.
[ forrest ] - [ more ]
05 Dez 2007 16:14
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
axinio Internet Marketing
Beiträge der letzten Zeit anzeigen:   
Neues Thema eröffnen   Neue Antwort erstellen    Webmaster Forum -> Hilfe für Webmaster -> CSS Alle Zeiten sind GMT + 1 Stunde
Seite 1 von 1

 
Gehe zu:  

Ähnliche Beiträge
Thema Webmaster Forum Antw. Autor Verfasst am
Keine neuen Beiträge Doppelmenue bei ID in <form> ge... Javascript 9 Phil1710 04 Feb 2012 12:17 Letzten Beitrag anzeigen
Keine neuen Beiträge Formular Button geht nicht (X)HTML 2 Werner 22 Jun 2011 19:11 Letzten Beitrag anzeigen
Keine neuen Beiträge Slideshow geht nicht Javascript 2 Phil1710 14 Mai 2011 14:21 Letzten Beitrag anzeigen
Keine neuen Beiträge Warum funktioniert der Script nicht i... Javascript 2 2jjobo 02 Jun 2009 07:49 Letzten Beitrag anzeigen
Keine neuen Beiträge InetExp. / Firefox Darstellungsproblem CSS 11 Larsstr 30 Jul 2008 22:41 Letzten Beitrag anzeigen