CSS-Probleme

[SB]Benjamin

ich passe grad meine Seiten mit CSS an, aber irgendwie zeigt es der Firefox 1.0 nicht richtig an. Warum nicht?

im IE 6.0 wird es korrekt angezeigt.

was kann man dagegen tun?

Muss ich noch was nachinstallieren?

Toomster

Es wäre vielleicht nicht schlecht wenn du den css-code hier mal einfügen würdest, damit man sich eine eigene meinung bilden kann.
Allgemein kann ich sagen, dass ich am anfang ebenfalls probleme hatte seiten im IE und in Firefox mit css zu stylen.
Das gößte "Problem" an sich ist es das der IE viel "gnädiger" bzw nachlässiger bei der interpretation von css ist. Firefox ist da deutlich regelkonformer. Und das ist gut so, weil man dadurch dazu angehalten wird richtigen code zu verfassen.
Aber wie gesagt das ist eher allgemein gesprochen.

Road-Runner

Wenn Der Fuchs Deine Seite nicht richtig anzeigt, heisst das, dass in Deinem Code Fehler sind.

Der Fuchs hält sich, im Gegensatz zum IE, an Standards.

Poste doch mal Deinen Code (oder einen Link zu deiner Seite), damit die Spezialisten sich das ansehen können.

[SB]Benjamin

Dann poste ich mal den Code bis her:

Code

/* Hintergrund- und Textfarbe festgelegt */
body
{
 background: #FFFFFF;
 color: #0000FF;
}


/* Linkfarbe festgelegt */
a:link
{
 color:#0000FF;
}
a:visited
{
 color:#0000FF;
}
a:hover
{
 color:#0000FF;
}
a:active
{
 color:#0000FF;
}


/* Schriftart und -größe festgelegt */
font
{
 font-family: Arial;
 font-size: medium;
}

Alles anzeigen

Ich muss dazu noch sagen, das ich grad Anfange um CSS zu lernen.

Also was ist falsch?

Also dann noch einen Auszug aus der PHP-Datei:

Code

echo "<body>";
echo "<table border='2' width='80%'>";
echo "<tr>";
echo "<td>Hallo</td>";
echo "</tr>";
echo "</table>";

Eckhart Wörner

Hallo,

das HTML bitte auch posten, sonst findet man kaum Fehler.

Gruß, Eckhart

Toomster

sehe ich das richtig das du den font-tag einen style zuweisen möchtest? wenn ja warum. falls du deiner seite eine allgemeine schriftart zuweisen willst dann mache das in den styles für den body

body {
...
font-family:Arial, sans-serif;
...
}

PS: wir haben alles einmal angefangen

Achso wo liegt der fehler überhaupt

[SB]Benjamin

ja hast recht.

ist wirklich quatsch was ich da gemacht habe.

habe ich geändert.

der Fehler ist, das der Firefox das in Schwarz darstellt statt in Blau!

so wie das aussieht nimmt er meine Definierten CSS-Sachen nicht. warum?

binde es über echo "<link rel='stylesheet' type='text/css' href='css/grundgeruest.css'>"; in die PHP-Datei ein.

Toomster

du definierst doch als hintergrundfarbe #ffffff;
nur deine schriftfareb is blau (#0000ff;) oder habe ich etwas missverstanden?

deine einbidung der stylesheets stimmt soweit wenn du den <link>-tag auch irgendwo wieder schließt

[SB]Benjamin

ja stimmt!

ffffff ist WEISS.

WARUM?

Toomster

meinst du das er dein hallo in schwarz noch weiterhin anzeigt?

wenn ja könnte es daran liegen, das dein hallo innerhalb einer tabelle liegt und es kann sein, das er damit deine schriftfarbe aus dem body nicht kennen will. ich bin mir nicht ganz sicher aber versuche es einmal mit nem extar table-style:

table
{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color: #0000ff;
}

Aber wie gsagt sicher bin ich mir nicht

[SB]Benjamin

das ist die Lösung für das Problem.

darauf hätte ich auch selber kommen können, da das ja bei PHP auch schon nicht ging und ich jeden Teil mit font machen musste.

wie kann ich eine Tabelle zentrieren? habe dazu keinen Befehl gefunden.

und wie kann ich jetzt die Linkfarbe in der Tabelle setzen?

Toomster

link-farbe in der tabelle:
(ohne gewähr weil ich nicht weiss ob diese verschachtelung klappt)

table a{
color:00f;
}

probiers mal.

<table align="center" ....

vieleicht klappt das ja auch

Dr. Evil

meinst du das die Tablle inder Mitte ist (margin: auto;), oder der Inhalt der Tabelle (text-align: center;)?

JonHa

Zitat von Toomster

link-farbe in der tabelle:
(ohne gewähr weil ich nicht weiss ob diese verschachtelung klappt)
table a{
color:00f;
}

Die Verschachtelung sieht gut aus. Allerdings sollte vor die Farbe ein #.
Also:

Code

table a{
color:#00f;
}

Oberarzt

dieses kleine tutorial mal durcharbeiten und du hast ne gute basis was css und positionierung betrifft.

[SB]Benjamin

Oberarzt

welches Tutorial meinst du denn? ich habe keinen Link in deinem Beitrag gefunden.

Road-Runner

Ich weiss nicht, ob Oberarzt dieses meinte oder dieses. Such Dir eins aus oder nimm gleich die 2 . :wink:

Oberarzt

oh mist, hab ich vergessen!

ich meinte dieses
.

[SB]Benjamin

danke für die Links.

werde mich in den nächsten Tagen in die Materie einarbeiten, so wie ich halt Zeit habe. Und werde es gleichzeitig an meinem Projekt anwenden.

[SB]Benjamin

meine CSS-Daten müssten soweit stimmen, aber im Firefox wird es trotzdem nicht richtig angezeigt.

Was mache ich denn nur falsch?

Hier der Code:
der CSS-Datei

Code

/* -----------------------------------------------------------------------------------------
						Formatierungen des Bodys
------------------------------------------------------------------------------------------*/
body
{
 background: #FFFFFF;
 color: #0000FF;
 font-family: Arial;
 font-size: small;
}




/* -----------------------------------------------------------------------------------------
						Formatierungen der Hyperlinks
------------------------------------------------------------------------------------------*/
a:link
{
 color:#0000FF;
}
a:visited
{
 color:#0000FF;
}
a:hover
{
 color:#0000FF;
}
a:active
{
 color:#0000FF;
}




/* -----------------------------------------------------------------------------------------
						Formatierungen der Ueberschriften
------------------------------------------------------------------------------------------*/
h3
{
 text-align: center;
}




/* -----------------------------------------------------------------------------------------
						Formatierungen der Textbausteine
------------------------------------------------------------------------------------------*/
p.center
{
 text-align: center;
}
p.justify
{
 text-align: justify;
}




/* -----------------------------------------------------------------------------------------
						Formatierungen der verschiedenen Tabellen
------------------------------------------------------------------------------------------*/
table
{
 font-family:Arial;
 font-size:14px;
 color: #0000ff;
 border-width: 2px;
}
td
{
 text-align: center;
}
#hintergrund_tabelle
{
 background: #C0C0C0;
}

Alles anzeigen

der PHP-Datei:

PHP

// Einfuegen Style-Sheets
		echo "<link rel='stylesheet' type='text/css' href='css/grundgeruest.css'>";
		// Link-Farbe
		echo "<body>";
	 	// Tabelle eingeleitet
		echo "<table id='hintergrund_tabelle' border='2' width='80%' align='center'>";


		// Einfuegen Mysql-Zugangsdaten
		include('mysql_zugangsdaten.php');
		// Mysql-Befehl erstellen
		$befehl = "select * from benutzer where id = '$_SESSION[id]'";
		// Mysql-Befehl ausfuehren
		$ergebnis = mysql_query($befehl);
		// Variable deklarien für die Art des Benutzers
		$art = 0;
		// Zeilen berechnen
		if(@mysql_num_rows($ergebnis)>0)
		{
			//Auslesen der Inhalte aus der Datenbank, die in einem Array gespeichert werden
			while($inhalt = mysql_fetch_array($ergebnis, MYSQL_ASSOC))
			{
				$name = explode(" ", $inhalt[name]);
				echo "<tr>";
				echo "<td><font><b>Hallo<br>$name[0]<br>$name[1] $name[2]</b></font></td>";
				echo "</tr>";
				// Wert zuweisen
				$art = $inhalt['art'];
			}
		}


		echo "<tr>";
		echo "<td align='center'>";
		echo "<form action='$PHP_SELF' target='_top' method=post>";
		echo "<input type='Submit' name='ausloggen' value='ausloggen'>";
		echo "</form>";
		echo "</td>";
		echo "</tr>";


		// Menupunkt Home
		echo "<tr>";
		?>
			<td align='center'><a href="javascript:ZweiFrames('auswahl.php', 'auswahl','main.php', 'main')">Home</a></td>
		<?php
		echo "</tr>";
		echo "<tr><td></td></tr>";


		// Auswahlmenu Allgemein
		if(($_GET['wert']) == 1)
		{
			echo "<tr>";
			echo "<td><b>Allgemein</b><br>";
			echo "<a href='allgemein/impressum.php' target='main'>Impressum</a></td>";
			echo "</tr>";
		}
		else
		{
			echo "<tr>";
			echo "<td><a href='$PHP_SELF?wert=1' target='auswahl'>Allgemein</a></td>";
			echo "</tr>";
		}

Alles anzeigen

im schlechten IE wird es so angezeigt wie es sollte.

Aber was ist hier falsch erstellt worden?