hey danke für die mühe,
meine probleme haben sich mittlerweile aber gelöst;)
hab jetz einfach in die html seiten in den body-tag noch die hintergrundfarbe extra mitaufgenommen also <body bgcolor="">
und noch wie du gesgat hast, bisschen am quellcode rumgespielt;)
jetz sin zwischen iexplorer und firefox nur noch minimale unterschiede...
hab firefox version 2.0.0.6 un ie version 6.0,
nochmal vielen dank für die mühe,
lg lukas
hey;)
danke erstmal für die antwort...auch wenn ich ehrlich gesagt nicht viel damit anfangen kann...ich werde erstmal das machen, was du gesagt hast...aber hilft das auch bei meinem firefox-problem??
Edit:
wenn ich aber in den kopfbereich das position:absolute rein nehme, is der banner weg, der da eigentlich erscheinen sollte...
und ich hatte ja nie probleme mit dem kopfbereich bzw dem navi, das is ja alles so wie es sein soll, allerdings nur im i.explorer...
Edit #2:
also die seite ist jetzt online...da könnt ihr mal schauen, was sache ist...bitte^^
<!-- w --><a class="postlink" href="http://www.lukashaag.de">http://www.lukashaag.de</a><!-- w -->
mit internet explorer sieht es so aus, wie es sein sollte...
danke schonmal!
lg lukas
Hallo,
ich habe mir eine Homepage erstellt und diese ist auch mit dem Internet Explorer genau so zu sehen, wie es sein sollte.
Firefox zeigt allerdings die Hintergrundfarbe nicht an und verwendet eine serifenhaltige Schrift. Außerdem ist das Design bei der Navigationsleiste anders.
Hier meine Quelltexte:
HTML:
<html>
<head>
<link rel="stylesheet" type="text/css" href="design.css" />
</head>
<body>
<div id="kopfbereich">
</div>
<div id="steuerung">
<ul>
<li><a href="index.htm"><font color="#FF6600">Startseite</font></a></li>
<li><a href="ueber_mich.htm"><font color="#FF6600">Über mich</font></a></li>
<li><a href="friends.htm"><font color="#FF6600">Friends</font></a></li>
<li><a href="hobbies.htm"><font color="#FF6600">Hobbies</font></a></li>
<li><a href="musik.htm"><font color="#FF6600">Musik</font></a></li>
<li><a href="bilder.htm"><font color="#FF6600">Bilder</font></a></li>
<li><a href="kontakt.htm"><font color="#FF6600">Kontakt</font></a></li>
<li><a href="links.htm"><font color="#FF6600">Links</font></a></li>
</ul>
</div>
<div id="inhalt">
<br /> <br />
Hier steht der Inhalt
<div id="footer">
Fußzeile
</div>
</div>
</body>
</html>
CSS:
<style type="text/css">
<!--
body {
font: 100.00% Verdana, Arial, Helvetica, sans serif;
background-color: #F57D31;
}
#seite {
width:100%;
margin: 0 auto;
}
#kopfbereich {
padding: 90px;
height: 60px;
background:url(banner2.jpg) repeat-x;
}
#footer {
clear:both;
position:fixed;
bottom:0px;
font-size: 0.6em;
margin: 10em 0 0;
background:#F57D31;
text-align:center;
padding:0.1em;
border-top: 1px solid silver;
}
#inhalt {
position: absolute;
top: 200px;
left: 300px;
border: 0px solid #000;
}
#steuerung {
float: left;
width:200px;
padding: 20px;
background-color: #003399;
border: 1px solid black;
text-align:left; /* Textausrichtung */
color: #FF6600; /* Schriftfarbe */
font-weight: bold;
margin-top:0px; /* Abstand oben */
margin-bottom:0px; /* Abstand unten */
margin-left:0px; /* Abstand links */
margin-right:0px; /* Abstand rechts */
}
#steuerung ul {
list-style:none; /* keine Aufzählungspunkte */
color: #FF6600;
}
#steuerung li {
margin-left:5px; /* Außenabstand links */
width:120px; /* Breite des Links */
color: #FF6600;
border-top:0px black outset; /* Rahmen oben */
border-left:5px black outset; /* Rahmen links */
border-bottom:5px black outset; /* Rahmen unten */
border-right:0px black outset; /* Rahmen rechts */
margin-top:0px; /* Außenabstand oben */
padding-top:8px; /* Innenabstand */
padding-left:8px;
padding-bottom:8px;
padding-right:8px;
}
-->
</style>
Wäre super, wenn mir jemand helfen könnte!
also habe jetzt das so geschrieben:
#inhalt {
position: absoulute;
top: 100px
left: 300px;
border: 1px solid #000;
}
HTML:
<body>
<div id="kopfbereich"></div>
<div class="menu">
<ul>
<li><a href="index.htm">Startseite</a></li>
<li class="sub"><a href="ueber_uns.htm">Über uns »<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="../index.html">Matthias Graf, Klavier</a></li>
<li><a href="#nogo">Sandra Lippert, Gesang</a></li>
<li><a href="#nogo">Ricardo Cuna, Bass</a></li>
<li><a href="../index.html">Lukas Haag, Saxophon</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="#nogo">Termine</a></li>
<li><a href="#nogo">Bilder</a></li>
<li><a href="#nogo">Impressum</a></li>
<li><a href="#nogo">Links</a></li>
</ul>
</div>
<div id="inhalt">
<h1>Die Swinging Lipps</h1>
<br />
<p>Wir freuen uns, Sie auf unserer Homepage begrüßen zu dürfen.</p>
<br />
Weiterer Text.........
</div>
</body>
aber der text steht im internet explorer trotzdem nicht neben dem menü...im firefox teilweise...außerdem ändert sich nix an der darstellung wenn ich die pixelzahlen änder...[/img]
html-code:
<body>
<div id="seite">
<div id="kopfbereich"></div>
<div class="menu">
<ul>
<li><a href="index.htm">Startseite</a></li>
<li class="sub"><a href="ueber_uns.htm">Über uns »<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="../index.html">Matthias Graf, Klavier</a></li>
<li><a href="#nogo">Sandra Lippert, Gesang</a></li>
<li><a href="#nogo">Ricardo Cuna, Bass</a></li>
<li><a href="../index.html">Lukas Haag, Saxophon</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="#nogo">Termine</a></li>
<li><a href="#nogo">Bilder</a></li>
<li><a href="#nogo">Impressum</a></li>
<li><a href="#nogo">Links</a></li>
</ul>
</div>
<div id="inhalt">
<h1>Die Swinging Lipps</h1>
<br />
<p>Wir freuen uns, Sie auf unserer Homepage begrüßen zu dürfen.</p>
<br />
Weiterer Text.........
</div>
</div>
</body>
ja den will ich rechts neben dem menü haben...wie muss ich das mit dem position:absolute machen?^^
super danke!
allerdings habe ich jetzt eine frage...
jetzt hab ich den eingebaut aber das was neben dran stehen soll (also auf gleicher höhe) des wird automatisch runtergesetzt (also auf die höhe unter dem menü)...wie krieg ich das wieder hoch??
super danke! erstes problem gelöst!
habe aber noch eins...
und zwar...bisschen schwer zu erklären...also ich habe ja links die steuerung und da gibt es auch den punkt "über uns" und da würd ich gerne, wenn man da drauf klickt, wie ein untermenü kommen lassen, wo man dann auf die einzelnen mitglieder klicken kann. ich habe das jetzt gemacht und im internet explorer ist das alles wunderbar...aber im firefox stimmen die abstände und alles dann nicht mehr und es vermischt sich alles ganz seltsam...
hier der css-quelltext:
#steuerung2 {
float: left;
width:180px;
padding: 20px;
background-color: #EEEEEE;
border: 0px solid black;
height: 10px;
text-align:left; /* Textausrichtung */
color:black; /* Schriftfarbe */
margin-top:0px; /* Abstand oben */
margin-bottom:0px; /* Abstand unten */
margin-left:0px; /* Abstand links */
margin-right:0px; /* Abstand rechts */
}
#steuerung2 ul {
list-style:none; /* keine Aufzählungspunkte */
}
#steuerung2 li {
margin-left:3px; /* Außenabstand links */
width:180px; /* Breite des Links */
border-top:0px black outset; /* Rahmen oben */
border-left:0px black outset; /* Rahmen links */
border-bottom:0px black outset; /* Rahmen unten */
border-right:0px black outset; /* Rahmen rechts */
margin-top:0px; /* Außenabstand oben */
padding-top:2px; /* Innenabstand */
padding-left:2px;
padding-bottom:2px;
padding-right:2px;
}
und hier der html-text:
<body>
<div id="seite">
<div id="kopfbereich"></div>
<div id="steuerung">
<ul>
<li><a href="index.htm">Startseite</a></li>
<li><a href="ueber_uns.htm">Über uns</a>
<div id="steuerung2"> <ul>
<li><a href="matthias.htm"><small>Matthias Graf, Klavier</small></a></li>
<li><a href="sandra.htm"><small>Sandra Lippert, Gesang</small></a></li>
<li><a href="ricardo.htm"><small>Ricardo Cuna, Bass</small></a></li>
<li><a href="lukas.htm"><small>Lukas Haag, Saxophon</small></a></li>
</ul></div></li>
<li><a href="termine.htm">Termine</a></li>
<li><a href="bilder.htm">Bilder</a></li>
<li><a href="kontakt.htm">Kontakt</a></li>
<li><a href="impressum.htm">Impressum</a></li>
<li><a href="links.htm">Links</a></li>
<li><img height="128" src="SwiningLipps_Advent06_Christ_1.jpg" width="180" alt="" /></li>
</ul>
</div>
<div id="inhalt">
<h1>Über uns</h1> <br />
<p>Hier erfahren Sie mehr über uns als Musiker und unsere Bandgeschichte.</p>
<p>Hier folgt dann ein Text zur Bandgeschichte....</p>
</div>
</div>
</body>
wäre super, wenn du mir da auch nochmal helfen könntest...dann wäre es das auch^^ das ist mein letztes problem...danke;)
das ist der html-quelltext...was mich halt wundert is dass der internet explorer das alles richtig anzeigt...und zu den schrift: es wird Times New Roman angezeigt.
<body>
<div id="seite">
<div id="kopfbereich"></div>
<div id="steuerung">
<ul>
<li><a href="index.htm">Startseite</a></li>
<li><a href="ueber_uns.htm">Über uns</a></li>
<li><a href="termine.htm">Termine</a></li>
<li><a href="bilder.htm">Bilder</a></li>
<li><a href="kontakt.htm">Kontakt</a></li>
<li><a href="impressum.htm">Impressum</a></li>
<li><a href="links.htm">Links</a></li>
<li><img height="128" alt="" src="SwiningLipps_Advent06_Christ_1.jpg" width="180" /></li>
</ul>
</div>
<div id="inhalt">
<h1>Die Swinging Lipps</h1>
<br />
<p>Wir freuen uns, Sie auf unserer Homepage begrüßen zu dürfen.</p>
<br />
Weiterer Text.........
</div>
</div>
</body>
ich würd ja auch screenshots mal posten...wenn du mir sagen könntest wie das geht:p
danke schonmal^^
Hallo,
ich habe mir gestern eine Homepage gebaut, allerdings sind mit dem Betrachten mit Firefox folgende Probleme aufgetreten:
Das ist der Quelltext der CSS-Datei zur Steuerung:
#steuerung {
float: left;
width:180px;
padding: 20px;
background-color: #EEEEEE;
border: 1px solid black;height: 21px;
text-align:left; /* Textausrichtung */
color:black; /* Schriftfarbe */
margin-top:0px; /* Abstand oben */
margin-bottom:0px; /* Abstand unten */
margin-left:0px; /* Abstand links */
margin-right:0px; /* Abstand rechts */
}
#steuerung ul {
list-style:none; /* keine Aufzählungspunkte */
}
#steuerung li {
margin-left:5px; /* Außenabstand links */
width:100px; /* Breite des Links */
border-top:0px black outset; /* Rahmen oben */
border-left:5px black outset; /* Rahmen links */
border-bottom:5px black outset; /* Rahmen unten */
border-right:0px black outset; /* Rahmen rechts */
margin-top:0px; /* Außenabstand oben */
padding-top:8px; /* Innenabstand */
padding-left:8px;
padding-bottom:8px;
padding-right:8px;
}
Ich will also links die Steuerung mit gesamt grauen Hintergrund. Bei Betrachten mit Firefox hat aber nur die erste Zeile der Tabelle eine graue Hineterlegung mit Rahmen.
Weiteres Problem:
body {
font: 100.00% Verdana, Arial, Helvetica, sans-serif;
}
Mit Firefox wird eine serifenhaltige Schrift angezeigt.
Das sind nur zwei von mehreren Problemen....Ich wäre froh, wenn mir jemand helfen kann!
Danke,
lg Lukas
