IE Kopiert Endung

ich98 · 23. April 2006

Hi
der Code sieht so aus:

Code:

<!DOCTYPE html public "-//W3C//DTD HTML 4.01 Transitional//EN">  
<html>
<head>
<title>BlackHawk-Media ::: Startseite</title>
<meta name="author" content="">
<meta name="generator" content="html-Editor phase 5.3">
<meta name="keywords" content="">
<meta name="discription" content="">
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<!---<link rel="SHORTCUT ICON" href="Grafiken/favicon.ico" />  -->
<link rel="stylesheet" href="css/css3.css" type="text/css">


</head>
<body>

<div id="border">
      <!-- Navigation -->
     <div id="navi">
            <div style=" position:absolute;z-index:1;">
            <img src="Grafiken/Button.gif"><img src="Grafiken/Button.gif"><img src="Grafiken/Button.gif"><img src="Grafiken/Button.gif"><img src="Grafiken/Button.gif"><img src="Grafiken/Button.gif">
	   </div>
	<div style="position:absolute;z-index:4">
        	<table cellpadding="0px" width="612px">
		<tr>
 		<td width="102px" height="22px"><center><a href="index.html">Startseite</a></center></td>
        		<td width="102px" height="22px"><center><a href="http://blackhawk.bl.ohost.de/SMF/index.php">Forum</a></center></td>
 		<td width="102px" height="22px"><center><a href="spiele.html">Spiele</a></center></td>
 		<td width="102px" height="22px"><center><a href="hardware.html">Hardware</a></center></td>
        		<td width="102px" height="22px"><center><a href="downloads.html">Downloads</a></center></td>
 		<td width="102px" height="22px"><center><a href="sonstiges.html">Sonstiges</a></center></td>
	        </tr>
	</table>
	</div>
     </div>
          <!-- Navigation Ende -->
          <!-- Logo -->
         <div id="logo">
         <img src="Grafiken/Logo2.jpg" alt="BlackHawk-Media-Logo">
         </div>
          <!-- Logo Ende -->
          <!-- Navigation 2 -->
         <div id="navi2">
          <div style=" position:absolute;z-index:1;">
          <img src="Grafiken/Navi2.jpg"></div>
          <div style=" position:absolute;z-index:2;">
          <table width="95px" id="tablenavi" align="center">
	 <tr>
 	 	<td height="440px" valign="top" width="95px" >
                  <br>
                 <!-- Links -->

                 <!-- Links Ende -->
                 </td>
	 </tr>
	 <tr>
 	 	<td height="50px" width="95px"><a href="impressum.html">Impressum & Kontakt</a><br>
          	© 
 	 	</td>
	 </tr>
	 </table>
         </div>
         </div>
          <!-- Navigation 2 Ende -->
     <div id="box">
         <!-- Inhalt -->
 	<center>


 	</center>



         </div>
         <!-- Inhalt Ende -->

</div>

</body>
</html>

Die passende CSS dazu:

Code:

body {
  font-size:12px;
  padding: 0px;
  margin: 0px auto;
  background-color:#FFFFFF ;
  }

#border {position:relative;
	 margin:0px auto;
	 width:800px;
          margin-top: 25px;
}

#logo { position:relative;
        width: 189px;
        height: 531px;
        float: left;
        margin-right: 4px;

}
#navi { position:relative;
        width: 606px;
        height: 26px;
        float:right;
        margin-bottom:5px;
        font-family:Comic Sans Ms;
        font-size: 18px;
        font-color: #FFFFFF;
}
#box { position:relative;
       background-color:#0066CC;
       width:504px   ;
       height:499px ;
       float:right ;
       border: 1px solid #0066CC;
       overflow:auto;


}
#navi2 { position:relative;
	width: 95px;
         height: 500px;
         float:right;
         margin-left: 5px;
         font-family: Verdana;
         font-size: 10px;
         color:#FFFFFF;
}
#tablenavi {
	font-family: Verdana;
         font-size: 10px;
         color:#FFFFFF;
}

#titel { font-family: Verdana;
         font-size: 15px;
         color:#FFFFFF;
         text-decoration:underline;
         font-weight: bold;
}

#review {font-family: Verdana;
         font-size: 12px;
         color:#FFFFFF;
         text-decoration:none;
         font-weight: bold;
}

#news {  font-family: Verdana;
         font-size: 10px;
         color:#FFFFFF;
         text-decoration:none;
         font-weight: bold;
}

#newstitel {font-family: Verdana;
         font-size: 12px;
         color:#FFFFFF;
         text-decoration:underline;
         font-weight: bold;
}

#autor { font-family: Verdana;
         font-size: 9px;
         color:#C0C0C0;
         text-decoration:none;
         font-weight: normal;
}



  a:link, a:visited, a:active, a:hover {font-weight:normal; color:#FFFFFF;text-decoration:none }
	a:active, a:hover {color:#D8DDE0;font-weight:normal;}

Komischer Weise wiederholt der Internet Explorer immer das letzte von der Box.
Sprich schreib ich "Hallo", werden die letzen Zeichen unterhalb den Fensters angezeigt.

Könnt ihr vielleicht den Fehler finden?

Den Fehler kann man auf der Homepage in meiner Signatur sehen.
Einfach mal mit dem IE öffnen und unter dem Inhalt steht noch ein "er *g*"
Gruß

Cooli11 · 23. April 2006

öh, kannste maln Screenshot oder so machen?

Ich kann nichts entdecken :o

(Übrigens ist dein Doctype so nicht korrekt, da fehlt die URL

)

Flixus · 24. April 2006

Hi,

kannst du mal schreiben was du überhaupt fürn Problem hast, Dein Quelltext wird hier nicht in voller Breite angezeigt und mit "IE kopiert Endung" kann ich leider rein garnichts anfangen...sry

und wenn Du schon W3C sprich "HTML 4.01 Transitional" oben rein schreibst solltest auch mal Deine Seite prüfen...

http://validator.w3.org/check?uri=http://blackhawk.bl.ohost.de/index.html

wenn Du nämlich dies machen würdest würde es in jedem Browser bis auf 1pixel exakt gleich aussehen...

noch als Tipp in deinen td sind haufen width height valign ect...sollte man alles mit CSS machen...

MfG Alex

PS: das soll nicht überheblich klingen, hast ja nach Kritik gefragt...bin ja auch net perfekt...

Cooli11 · 24. April 2006

Flixus am 24.04.2006 14:06 schrieb:
und wenn Du schon W3C sprich "HTML 4.01 Transitional" oben rein schreibst solltest auch mal Deine Seite prüfen...

Das ist kein "W3C", sondern der "Doctype"

W3C ist das Konsortium, was die HTML/CSS usw Empfehlungen rausgibt...

Flixus · 24. April 2006

Cooli11 am 24.04.2006 14:49 schrieb:
Flixus am 24.04.2006 14:06 schrieb:

und wenn Du schon W3C sprich "HTML 4.01 Transitional" oben rein schreibst solltest auch mal Deine Seite prüfen...

Zum Vergrößern anklicken....

Das ist kein "W3C", sondern der "Doctype"

W3C ist das Konsortium, was die HTML/CSS usw Empfehlungen rausgibt...

Jepp hat ich mich wohl falsch ausgedrückt...wenn man seine Seite schon damit "Doctype HTML 4.01 Transitional" schmückt sollte man auch danach programmieren, da man dadurch ja angibt den "Empfehlungen" des "W3C" gefolgt zu sein...ansonsten eher überflüssig...!?

MfG

ich98 · 24. April 2006

wie in meiner Signatur verlinkt, bestand auf dieser HP http://blackhawk.bl.ohost.de bis zum 22.4, dass Problem, dass der Internet Explorer immer die letzten 5 Zeichen kopiert hat.

Also schreib ich in das blaue Inhaltsfenster "Hallo" wird dies nochmal unterhalb des blauen Kastens angezeigt.

Durch ein Hinzufügen von </div> und des Vertauschen von Navi2 und Box hab ich das Problem behoben.

Den Validator Check hab ich vorher schon gemacht.
Der wollte nur einmal " von mir haben und ich sollte zu den Navigation Grafiken einen Alternativen Text angeben, was allerdings Schwachsinn, denn die Grafiken sind in einer hinten Ebene und werden von Links überlagert.
Funktioniert mit "z-index: 1,2,3......." . Wird nun die Grafik nicht geladen, kommt der Alternativetext, der wird aber von den Links überlabbt und so kann man nicht mehr lesen

Zu den Tabellen muss ich dann <td class="xy"> schreiben und dies in der CSS Datei mit:

Code:

.xy  width
height
usw.

bestimmen?

PS: Nun zentriert der IE die Seite nur nicht, was der FF und Opera hinbekommt. Dazu sagt mir der Validator ebenfals nichts.

Cooli11 · 24. April 2006

ich98 am 24.04.2006 16:36 schrieb:
PS: Nun zentriert der IE die Seite nur nicht, was der FF und Opera hinbekommt. Dazu sagt mir der Validator ebenfals nichts.

Schreib doch einfach mal margin:auto; und lass die 0px weg...

Ansonsten, falls das nicht klappen sollte, kannste auch im body {text-align:center; } schreiben und im #border { text-align:left; }...

Allerdings ist das nicht sehr elegant

ich98 · 24. April 2006

Cooli11 am 24.04.2006 17:28 schrieb:
Schreib doch einfach mal margin:auto; und lass die 0px weg...

Ansonsten, falls das nicht klappen sollte, kannste auch im body {text-align:center; } schreiben und im #border { text-align:left; }...

Allerdings ist das nicht sehr elegant

funktioniert auch nicht

Flixus · 24. April 2006

ich98 am 24.04.2006 18:48 schrieb:
funktioniert auch nicht

Haupt Div central, feste größe z.b. 800x600 */
#border
{
z-index:0;
position:absolute;
top:50%;
left:50%;
height:600px;
width:800px;
margin-top:-300px;
margin-left:-400px;
}

oder mitte links/rechts oben top, breite z.b. 800px

#border
{
z-index:0;
position:absolute;
left:50%;
width:800px;
margin-left:-400px;
}

MfG

ich98 · 24. April 2006

Flixus am 24.04.2006 19:52 schrieb:
oder mitte links/rechts oben top, breite z.b. 800px

#border
{
z-index:0;
position:absolute;
left:50%;
width:800px;
margin-left:-400px;
}

MfG

vielen Dank, das funktioniert

Aktualisierte Forenregeln

IE Kopiert Endung

ich98

Gast

Cooli11

Hobby-Spieler/in

Flixus

Gast

Cooli11

Hobby-Spieler/in

Flixus

Gast

ich98

Gast

Cooli11

Hobby-Spieler/in

ich98

Gast

Flixus

Gast

ich98

Gast

Ähnliche Themen