✔ position:fixed

C

Crash123

Erfahrenes Mitglied
Hallo Leute,

ich habe in meiner css datei
ein position:fixed und ein position:static
tja im Firefox kein Problem aber wie ihr
ja wisst is das dann mit dem IE nicht so
einfach.

Ich habe mir dann diesen Quelltext kopiert aber es geht irgendwie nicht.

Drum wollt ich euch fragen ob ich vllt einen Fehler beim
einbinden gemacht habe(kann ich mir kaum vorstellen),
ob ihr noch andere Lösungen kennt oder ob ich dann
etwas beachten muss beim definieren des fixed oder des Elements.

HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
	<head>
		<script type="text/javascript" src="fixed.js"></script>
		<script language="JavaScript" src="inc/telefonliste.js"></script>
		<title>Telefonliste</title>
		 <meta http-equiv="content-type" content=
                   "text/html; charset=iso-8859-1">
		<link rel="stylesheet" type="text/css" href="inc/layout.css">
		  <style type="text/css"></style>
		  
	</head>
	<body> ... </body>

Danke für eure Vorschläge
 
ich habe zu dem Thema IE gleich noch eine
Frage, ich habe mein Layout mit Tabellen erstellt,
da sind Bilder drin und ein wenig Text usw. und
eine Tabelle die ich mit einem PHP-Script erstelle.
Die Tabelle auf der rechten Seite wird sehr groß
und deshalb baut mir der IE mein Bild auf der linken Seite
der Gesamttabelle in die Mitte, vertikal gesehen.

PHP: 
        echo "<table id=\"tabelle\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">";
	echo "<tr>";
	echo "<td>";
	include './inc/filter.inc.php'; // hier ist das Bild
        echo "</td>";
	echo "<td>";
	include './inc/result.inc.php'; //Ergebnis Tabelle
	echo "</td>";
	echo "</tr>";
	echo "</table>";

Das ist das Stück Quellcode um das es geht.
Wie kann ich das Bild an den Anfang der Gesamttabelle
bekommen.

Dann ignoriert der IE meine CSS Definition für meine
Hauptüberschrift
HTML: 
<style type="text/css">
#ueberschrift{
			font-weight: bold;
			font-size:50px;
			color:#FFF;
		}
</style>
 
Zuletzt bearbeitet:
Moin,

kannst du bitte die Ausgabe des PHP-Codes zeigen? Also den HTML-Code, den der Browser über "Ansicht -> Seitenquelltext anzeigen" ausgibt.

Sollten noch weitere CSS-Formatierungen für das Dokument existieren, sind auch diese von Interesse.

Vielen Dank :)

mfg Maik
 
Naja sorry aber
das geht nicht da stehen Betriebs interne Sachen
drin.
Aber das wäre die Definition des Tabellenkopfs und einiger CSS Teile

HTML: 
<style type="text/css">

#datum{
			position:fixed;
			background-image: url(...);
			width: 300px;
 			height: 1200px;
			
		}
	
		* html #datum {
			width: 260px;
			position:relative;
		} 
#scrollbar {
			height:35px; 
			position:static;
			padding-left:10.00cm;

		}
		* html #scrollbar{
			padding-left:23px;
		}
</style>

<div id="scrollbar"><h1>Ergebnis:</h1><h1>Anzahl: 113</h1>
<table id="resultTabelle" border=0 cellspacing=2 cellpadding=2><tr>
<td>...
Daten
Daten
Daten
</td>
</tr></table>
 
Zuletzt bearbeitet:
Naja, "Betriebsinterna" interessieren hier nicht wirklich jemanden :-)

Aber einen tieferen bzw. detailierteren Einblick in den Code wirst du uns schon gewähren müssen, um auf deine Fragen eingehen zu können, denn ich seh in dem Codesnippet weit und breit nicht, an welcher Stelle das Bild (vermutlich #datum) und die Überschrift (#ueberschrift) ausgezeichnet sind, die vom IE fehlerbehaftet dargestellt werden.

mfg Maik
 
Euch vllt nicht aber Leute die Irgendwas Google'n finden dann diesen Beitrag
und ich hab keine lust dass dann Irgendjemand meinen Chef anruft.
HTML: 
<table id="fixed" border="0" cellspacing="0" cellpadding="0">
<tr><td><div id="biltTeil"></div></td>
<td>
<div id="ueberschriftBild">/*diese Überschrift macht er Falsch*/
<h id="ueberschrift">Telefonliste<h></div></td>
<td><div id="rest"></div></td></tr>
/*von hier*/<tr><td>
<table id="bannerTabelle" border="0" cellspacing="0" cellpadding="0">
<tr><td><div id="bildTeil2"></div></td></tr></table></td>
<td><table border="0" cellspacing="0" cellpadding="0">
<tr><td><div id="baumRest"></div></td>
</tr></table>/*bis hier geht alles*/</tr></table>
<table id="tabelle" border="0" cellspacing="0"cellpadding="0"><tr><td>
<div id="datum">/*hier ist das Bild definiert das verschoben wird*/
<h1>Suchen und filtern:</h1>
<p>Text ...</p><form action="telefonliste.php" method="post"><br />
<a id="links" href="javascript:anzeige(0)" name="link">Datum Uhrzeit</a>
<br />/* hier kommt ne menge anderer Kram*/
<div id="scrollbar"><h1>Ergebnis:</h1><h1>Anzahl: 113</h1>
<table id="resultTabelle" border=0 cellspacing=2 cellpadding=2><tr>
/*Das ist die sehr sehr lange Tabelle*/</tr></table></div>...
 
Zuletzt bearbeitet:
Beim ersten Überfliegen des Codes fällt schon mal auf, dass im <h1>-Tag (#ueberschrift) die Ziffer der Überschriftenordnung fehlt, und der IE mit "eigens erstellten" HTML-Elementtypen nichts anzufangen weiß.

mfg Maik
 
Den Quellcode hab ich jetzt mit einem "Dummy-Text" befüllt, damit es eine lange Tabelle wird, und das Ganze im IE 6 + 7 betrachtet, kann da aber keine vertikale Verschiebung des Bildes erkennen, wenn hier vom Hintergrundbild für #datum die Rede ist.

Wenn mit dem angedachten <h1>-Tag für die Überschrift die Tabelle auseinandergeschoben wird, solltest du vielleicht mal die Schriftgröße runterskalieren.

mfg Maik
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück