CSS warum bei mozilla und beim IE nicht?

benny · Beitrag von **benny** » 20.05.2005 17:54

Naja ... testen würde ich Webseiten auch mit dem InternetExplorer, auch
wenn man ihn persönlich nicht mehr benutzt.

Es gibt letztendlich ja noch eine Vielzahl von Benutzern, die IE benutzen.

Aber frustrierend kann es schon sein, wenn man seine Seite mit mehreren
Browsern checkt ....

zigapeda · Beitrag von **zigapeda** » 20.05.2005 18:32

aber was ich auch noch für ein problem hab ist das ich so statt einer tabelle einen rahmen um den text machen will und die erste zeile mit der gleichen farbe wie der rahmen hat hinterlegen. wenn ich das jetzt so mache wie es auch in den beiden zipfiles ist macht er bei mozilla einen rahmen um jede zeile und bei dem ie weiß ich gerade nicht aber auch nicht richtig. ein beispiel mit dem border ist auch hier: http://www.webmaster-resource.de/tutori ... ial-01.php einfach mal im ie und in mozilla anschauen.
Wer sich das mit meiner erklärung nicht vorstellen kann, ich will das die "kästen" dann so aussehen: http://www.robsite.de/stylechange.php?id=fast
[Edit]achja wer auf den link geklickt hat muss noch den link anklicken:
http://www.robsite.de/stylechange.php?id=standart um wieder den richtigen robsitestyle zu haben[/Edit]

traumatic · Beitrag von **traumatic** » 20.05.2005 18:46

deine sätze sind mir zu kompliziert weshalb ich das mit der robsite nicht wirklich verstehe aber warum das von der tutorialseite im ie gut aussieht und im mozilla nicht so gut kannst du nicht vergleichen da hier ja lediglich das code-tag formatiert wurde nicht jedoch die eigentliche tabelle. vielleicht fällt die css-unterstützung einfach zu unterschiedlich aus auch ist der internetexplorer für seine art über fehler gerne hinweg zu sehen bekannt. <td>s per css einzufärben ist aber schon seit ewigkeiten in allen browsern (selbst ns4.x) möglich und sollte von daher auch kein problem darstellen. am besten einfach mal seite bauen und bei problemen eine aussagekräftige beschreibung nebst seite posten und dann wird dir schon mit sicherheit geholfen werden ist ja alles halb so schwer. was war denn eigentlich mit deinem alten problem?

ts-soft · Beitrag von **ts-soft** » 20.05.2005 19:14

zigapeda · Beitrag von **zigapeda** » 20.05.2005 23:41

Ok ich hab jetzt alles geändert die positionen stimmen zwar nicht in den browsern (IE und Mozilla) überein aber sind auch nur ein paar pixel verschoben also nicht weiter schlimm. das mit dem kasten für die navigationsleiste hab ich mir jetzt nochmal angeschaut und in IE geht es und in Mozilla sieht es so aus:
Bild

wie kann ich es machen das die ganze (1.) zeile die gleiche Hintergrundfarbe hat? Hat jemand eine Idee?

traumatic · Beitrag von **traumatic** » 21.05.2005 09:40

zigapeda hat geschrieben:wie kann ich es machen das die ganze (1.) zeile die gleiche Hintergrundfarbe hat? Hat jemand eine Idee?

In's Blaue hinein tippe ich mal auf fehlende Breitenangaben.
Kannst Du nicht mal Code posten? Ist echt sau anstregend so.

zigapeda · Beitrag von **zigapeda** » 21.05.2005 11:45

Der Code ist der:

Code: Alles auswählen

#kasten {border: 2px solid #ffad00;}
#kasten:first-line {background-color: #ffad00;}

Breitenangaben fehlen, stimmt aber es geht mit ihnen auch nicht.

Rob · Beitrag von **Rob** » 21.05.2005 18:24

HTML-Code fehlt...

zigapeda · Beitrag von **zigapeda** » 21.05.2005 18:32

Achso sry

Code: Alles auswählen

<div id='nav'><div id='kasten'>Menü:<br><a href='index.php?site=home'>Home</a><br><a href='index.php?site=downloads'>Downloads</a><br><a href='index.php?site=tutorials'>Tutorials</a></div></div>

sind jetzt noch ein paar links mehr aber eigentlich ist das ja egal.
[Edit]Falls ihr den code für nav auch noch braucht:

Code: Alles auswählen

#nav {position: absolute; top: 180px; left: 0px; width: 160px; bottom: 20px; padding: 4px; text-align: center;}

[/Edit]

Rob · Beitrag von **Rob** » 21.05.2005 19:39

Hm, also einfach eine Box mit Navi-Links.
Das würde ich besser als Liste darstellen, denn es ist ja eine Linkliste. Kannst du dann auch besser formatieren:

Code: Alles auswählen

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="de">
<head>
  <title>Navilinks</title>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	<style type="text/css">
	<!--
	
	body {
		font-family: 'Lucida Grande', Verdana, Lucida, Geneva, Arial, Helvetica, sans-serif;
		font-size: 13px;
	}
	
	#nav {
	  margin-top: 20px;
  	float:left;
	  width: 160px;
		text-align: center;
		border: 2px solid #8899cc;
		background: #8899cc;
		font-weight: bold;
		color: white;
	}
	
	#nav ul {	  
	  margin: 4px 0 0 0;
		padding: 0;
	  text-align: left;
		background: #eee;		
	}
	#nav li {list-style: none;}
	
	#nav a {
	  display: block;
		padding: 6px 0 6px 4px;	  
	  text-decoration: none;
		color: #334499;
	}
	#nav a:hover {
		background: #ddd;
	}
	
	
	
	#content {
	  margin-left: 164px;
		padding: 20px;
	}	
	
	-->
	</style>
	
	
	
	
</head>
<body>

<div id="nav">
  Menü
  <ul>
    <li><a href='index.php?site=home'>Home</a></li><li><a href='index.php?site=downloads'>Downloads</a></li><li><a href='index.php?site=tutorials'>Tutorials</a></li></ul>
</div>

<div id="content">
Bla blaaa blabla bleh blö bla Bla blaaa blabla bleh blö blaBla blaaa blabla bleh blö blaBla blaaa blabla bleh blö blaBla blaaa blabla bleh blö blaBla blaaa blabla bleh blö blaBla blaaa blabla bleh blö blaBla blaaa blabla bleh blö bla<br /><br />Bla blaaa blabla bleh blö blaBla blaaa blabla bleh blö blaBla blaaa blabla bleh blö blaBla blaaa blabla bleh blö blaBla blaaa blabla bleh blö blaBla blaaa blabla bleh blö blaBla blaaa blabla bleh blö blav
</div>





</body>
</html>

So als Idee...

Die Listenelemente sind hier hintereinandergeschrieben, da der IE bei mir sonst Leerzeilen dranhängt. Merkwürdig.