XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   CSS (http://xhtmlforum.de/forumdisplay.php?f=73)
-   -   Ansicht Firefox und IE (http://xhtmlforum.de/showthread.php?t=49904)

Eiskristall 16.01.2008 23:10

Ansicht Firefox und IE
 
Hallo ich habe das bekannte Problem einmal andersrum. Im IE 6 wird die Seite so angezeigt, wie sie sein soll. Im Firefox allerdings nicht.

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <title>cucina-casalinga</title>
<style type="text/css" media="screen">
        /* CSS Layout Gestaltung */
        /* Seitenhintergrund*/
        body {
                margin: 0; padding: 0;
                background-color: #FFCC99;
        }
       
        /* Kompletter Container der mit Inhalt gefüllt wird*/
        #container{
        /*margin: 1em auto;*/
        width: 80%;
        background-color: #990000;
        }
       
        /*Hier wird die erste Kopfzeile integriert*/
        #header1{
        border-bottom: 1px solid #fff;
        background-color: black;
        position: relative;
        }
       
        /*Hier wird die zweite Kopfzeile integriert*/
        #header2{
        border-bottom: 1px solid #fff;
        background-color: black;
        }       
               
        #mainnav {
                border-bottom: 1px solid #fff;
                background-color: black;
        }
                       
        #content {
                margin:0;
                padding:0;
                float: left;
                background-color:#990000;
                margin-left: 150px;
                margin-top:-30%;
                height:150px;
                width:600px;
        }
       
        /*Fusszeile*/
        #footer {
                clear: both;
                color: #272900;
                background-color: black;
        }

        #header1 h1{
        margin: 0;
        padding:0;
        font: 250% "Comic Sans MS";
        text-align: center;       
        color: #990000;
       
        }

/* headerstyling Header2 Untertitel */ 
        #header2 h1{
        margin: 0;
        padding:0;
        font: 150% "Comic Sans MS";
        text-align: center;       
        color: #990000;
       
        }
/* Menugestaltung */
        #menu {
                background-color:#000000;
                width:15%;
                margin:20px 0 0 0;
                padding:30px 0;
        }
       
        #menu ul {
                list-style:none;
                margin:0;
                padding:0;
        }

        #menu li {
                margin:0;
                padding:0;
        }
       
        #menu a:link, #menu a:visited {
                height:1em;
                display:block;
                margin:10px 0;
                padding:0.75em 0.75em 0.75em 1.5em;
                background-color:#DAD4A6;
                background:#DAD4A6 url(br_corner_link.gif) bottom right no-repeat;
                text-decoration:none;
        }
       
        #menu a:hover {
                border-color:#AFBCA0;
                background-image:url(br_corner_hover.gif);
        }
       
        html>body #nav a:link, #nav a:visited {
        height:auto;
}
               
        /*Schrift für das Menu*/
        #menu p {
                line-height: 100%;       
                font-family: "Comic Sans MS";
                font-size: 100%;
                margin: 0;
                padding: 0;               
                font-style: normal;
                color: #990000;
        }
       
        #content p{
                font-family:"Comic Sans MS";
                font-size: 120%;
                color: black;
               
        }
       
</style>
</head>

<div id="container">
        <div id="header1"><h1>Cucina-casalinga<br>ItalienZuhause</h1></div>
        <div id="header2"><h1>Feine Kost und guter Wein in Ihrem Ambiente</h1></div>
        <div id="mainnav">x</div>
                <div id="menu">
                        <ul><li><a href="index.htm"><p>Startseite</p></a></li><li><a href="profil.htm"><p>&Uuml;ber uns:</p></a></li><li><a href="#"><p>Angebot:</p></a></li><li><a href="#"><p>Leistungen</p></a></li><li><a href="#"><p>Anl&auml;sse:</p></a></li><li><a href="#"><p>Kontakt</p></a></li><li><a href="#"><p>Impressum</p></a></li></ul>                                 
                </div>               
        <div id="content">
                <p>Wir sind ein kleines Familienunternehmen und m&ouml;chten Sie und Ihre G&auml;ste mit mediterraner K&uuml;che verw&ouml;hnen.</br></br></br>
                Wir legen großen Wert auf die Qualit&auml;t und Frische unserer Zutaten und Produkte. </br></br>
                Alles wird hausgemacht, frisch zubereitet oder in Ihrer K&uuml;che gekocht.</p>
        </div>
        <div id="footer">footer</div>
</div>
</body>
</html>

Kann mir jemand auf die Sprünge helfen?

Gruß
Eiskristall

Boris 17.01.2008 03:54

Wenn du es online stellst, klar ...

Eiskristall 17.01.2008 09:52

Hi,

äh ich kann nicht richtig folgen ?

Rupper 17.01.2008 10:10

wenn du einen link zu deiner website reinstellst kann man deine seite online betrachten und nach dem fehlverhalten ausschau halten ;)

Eiskristall 17.01.2008 10:16

:oops:
Oh Man, ist noch ein bißchen früh heute morgen.

http://www.homepagebasis.de/cucinacasalinga/profil.htm

BN: luigi
PW: toscana

Rupper 17.01.2008 10:26

fast ;) :)

ich kann nicht auf deine website, da ein benutzername / passwort verlangt wird...

.htaccess aus deinem ordner rausnehmen

<!-- war wohl ne kurze nacht...und dann so früh am morgen --> :lol:

Boris 17.01.2008 10:48

Ich befürchte, dein CSS ist etwas durcheinander von den Breitenangaben.

Du gibst dem äußeren DIV eine Größe von 80% vor - soweit, so gut.

Jetzt willst du dem Inhaltsdiv #content aber eine Breite von 600px + 150px geben - woher willst du wissen, ob das jetzt in die 80% "reinpasst"?

Deine Navigationsleiste soll 15% groß sein ... aber 15% sind nicht 150px, das kann also auch nicht wirklich passen.

Dass der IE das jetzt "richtig" anzeigt, ist eher Zufall und falsch. Benutze durchgehend korrekt passende Angaben (prozentual oder fest), dann klappts auch mit allen Browsern. ;)

@Rupper: Die Zugangsdaten hat er doch dazu geschrieben, Schlafmütze ;)

Rupper 17.01.2008 11:07

hupps :oops: äh.... sry...

sonst kann ich Boris nur zustimmen

Eiskristall 17.01.2008 11:43

Jo, das ist doch mal ne Ansage.


Werde heute nachmittag nochmal von der grünen Wiese aus anfangen. Wäre doch wohl gelacht. Die Tipps mit den Angaben werde ich mir auf alle Fälle zu Herzen nehmen.

DANKE und Grüße

EvT 17.01.2008 12:22

Zitat:

#menu { width:15%; ...}
#content { float: left; margin-left: 100px;}

<div id="menu"></div>
<div id="content"></div>

... und dann schau dir nochmals an, welchen Bereich du floaten läßt.


Alle Zeitangaben in WEZ +2. Es ist jetzt 04:02 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2023