Seite 3 von 5
Verfasst: 20.05.2005 17:54
von benny
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 ....
Verfasst: 20.05.2005 18:32
von zigapeda
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]
Verfasst: 20.05.2005 18:46
von traumatic
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?
Verfasst: 20.05.2005 19:14
von ts-soft
.,

Verfasst: 20.05.2005 23:41
von zigapeda
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:

wie kann ich es machen das die ganze (1.) zeile die gleiche Hintergrundfarbe hat? Hat jemand eine Idee?
Verfasst: 21.05.2005 09:40
von traumatic
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.
Verfasst: 21.05.2005 11:45
von zigapeda
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.
Verfasst: 21.05.2005 18:24
von Rob
HTML-Code fehlt...
Verfasst: 21.05.2005 18:32
von zigapeda
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]
Verfasst: 21.05.2005 19:39
von Rob
Hm, also einfach eine Box mit Navi-Links.
Das würde ich besser als Liste darstellen, denn es ist ja eine Link
liste. 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.