PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : Website will nicht mit IE7 (vllt auch IE6?)

R300
2007-03-12, 22:08:35
Hallo, ich mache grade ein kleines Projekt für die Schule.

http://www.r300.nggt.net/schule/index.htm

Im Firefox funktioniert alles wie es soll, aber im IE7 kann man im Menü gar nichts anklicken und es ist zu hoch. Da ich keinen IE6 habe kann ich es damit auch nicht testen.

Jemand Ideen wie man das behebt?

Ich hasse diesen scheiß IE. Bei jeder Seite, die ich mache gibts Probleme damit:mad:

Hier der CSS Code:
body {
width:990px;
background:url(design/caffe.jpg);
color:black;
padding:0;
margin:auto;
}

h1 {
color:black;
font-weight:bold;
font-size:16pt;
}

#banner {
padding:0;
background:url(design/banner.png);
height:208px;
width:990px;
}

#menu{
background:url(design/menu.png);
height:720px;
float:left;
width:267px;
}

ul.navi li {
margin: 0 20px 5px -18px;
padding:0;
font-size:10pt;
list-style:none;
}

ul.navi a {
display:block;
padding:2px;
font-weight:bold;
text-decoration:none;
}

ul.navi a:link, a:visited {
color:black;
background:white;
}

ul.navi a:hover {
color: black; background-color: #eee;
}

#inhalt {
width:703px;
height:733px;
margin:-32px 0 0 267px;
background:url(design/inhalt.png);
padding:10px;
}
darph
2007-03-13, 00:08:04
Ehm... Div Suppe. Du brauchst um das ul kein div drum zu thun. Und wieso gibst du dem body eine Breite? Die kannst du doch gar nicht kontrollieren.




Das Problem liegt hier:
#inhalt {
width:703px;
height:733px;
margin:-32px 0 0 267px;

Wenn du den margin nicht-negativ setzt, geht's.


Und eh... a als Block definieren? Wozu? Du hast doch dein li-Element.
darph
2007-03-13, 00:12:01
Versuch's mal bitte mit diesem Code, aber unbedingt als UTF-8 speichern:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<head>
<title>Cafe GT</title>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
<!-- content should not be text/html -->
<!-- fix the FOUC -->
<script type="text/javascript"> </script>
<style type="text/css" media="screen">
@import url("design.css");
</style>
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
</head>
<body>


<div id="banner"><!--Cafe GT--></div>
<div id="menu">
<ul class="navi">
<li><a href="index.htm">Home</a></li>
<li><a href="kontakt.htm">Kontakt</a></li>
<li><a href="impressum.htm">Impressum</a></li>

<li><a href="preise.htm">Preise/Öffnungszeiten</a></li>
<li><a href="anfahrt.htm">Wegbeschreibung</a></li>
</ul>
</div>
<div id="inhalt">
<br />
<h1>Willkommen im Cafe GT</h1>
<p>Auf dem Bild können Sie sich einen ungefähren Eindruck verschaffen<br />

wie es bei uns im Cafe aussieht.<br />
Natürlich können wir nicht alles mit Bildern zeigen, also Besuchen Sie uns doch einfach.</p>
<img src="bilder/cafe.jpg" width="500" height="587" alt="cafe GT" />
</div>

</body>
</html>
R300
2007-03-13, 10:24:57
Ehm... Div Suppe. Du brauchst um das ul kein div drum zu thun. Und wieso gibst du dem body eine Breite? Die kannst du doch gar nicht kontrollieren.

Soll ich dann einfach die Sachen vom #menu in der CSS in
ul.navi li verschieben? Wenn ich das tue funktionierts garnicht mehr.^^
Dem body habe ich eine Breite gegeben weil dadurch die Seite zentriert wird...ein Container wäre wohl besser?


Das Problem liegt hier:
#inhalt {
width:703px;
height:733px;
margin:-32px 0 0 267px;

Wenn du den margin nicht-negativ setzt, geht's.

OK das hat geholfen, mir war die Schrift zu tief deshalb hatte ich das gemacht.


Wofür ist denn der Code in deinem letzten Post?
Was soll der bringen? Der IE7 beschwert sich dann über ein ActiveX Element.
darph
2007-03-13, 13:02:08
Was soll der bringen?
Dann springt der IE nicht mehr in den Quirks-Mode und interpretiert das Geraffel so, wie es vom W3C vorgesehen ist. Bis auf minimale Details interpretiert er dann alles genau so, wie der Fux.

Lediglich im Quirks-Mode verwenden beide noch ihre alten, ziemlich unterschiedlichen, Interpretationsvorschriften.
R300
2007-03-13, 21:47:52
So, Im Firefox und im IE7 sieht die Seite gleich aus auch ohne deinen Code. ;)

Nur weiß ich nicht wie das mit dem IE6 ist.
Kann das jemand (oder du darph) nochmal testen?

http://www.r300.nggt.net/schule/index.htm
http://www.r300.nggt.net/schule/index2.htm

Index2 ist mit deinem Code Erweitert.
DanMan
2007-03-13, 23:00:51
Der IE7 beschwert sich dann über ein ActiveX Element.
Wird daran liegen:

<script type="text/javascript"></script>
Kann man rausschmeißen.
darph
2007-03-13, 23:10:08
Wird daran liegen:

<script type="text/javascript"></script>
Kann man rausschmeißen.Das ist da drin, um den sporadisch auftretenden fouc (http://www.bluerobot.com/web/css/fouc.asp/) zu fixen.


So, Im Firefox und im IE7 sieht die Seite gleich aus auch ohne deinen Code. ;)

Nur weiß ich nicht wie das mit dem IE6 ist.
Kann das jemand (oder du darph) nochmal testen?

http://www.r300.nggt.net/schule/index.htm
http://www.r300.nggt.net/schule/index2.htm

Index2 ist mit deinem Code Erweitert.
Ich hab den IE6 nimmer drauf. Aber: Mir fällt da ein Farbunterschied zwischen dem Banner und dem Rest unten auf. Gilt sowohl für das Orange, als auch den beigefarbenen Hintergrund. Das Banner ist etwas heller.
DanMan
2007-03-14, 00:05:02
Das ist da drin, um den sporadisch auftretenden fouc (http://www.bluerobot.com/web/css/fouc.asp/) zu fixen.
Aha. Ist mir noch nie aufgefallen. Aber wenn du es schreibst...

Sieht im IE6 genauso aus, bis auf die Menüpunkte. Die haben alle einen Abstand von ca. 15px.
R300
2007-03-14, 06:40:31
Sieht es im IE 6 bei beiden Links so aus?

@darph: das mit den Farben lag am IE...der hat die png Grafiken aus irgendeinem Grund leicht verfärbt.:| Hab sie jetzt als gifs gespeichert.