Firefox & IE / Positionen

Maik · 25. Mai 2008

-Raid- hat gesagt.:
Du hast echt auf alles 'ne Antwort.

Anders herum würde es hier im CSS-Board ziemlich mau aussehen, und du wärst vermutlich mit deinem Projekt noch keinen bedeutenden Schritt weiter ;-)

-Raid- · 25. Mai 2008

Jeder fängt mal klein an.

Es ist sehr, sehr hilfreich, wenn man jemanden bei Problemen fragen kann, denn sonst hängt man solange an einer Stelle fest, dass man irgendwann die Lust verliert. Konnte ja das ein oder andere von dir lernen.

Etwaige Rechtschreibfehler sind zu entschuldigen, bin gerade erst aus dem Bett gefallen.
(Natürlich nicht, bin aufgestanden...)

Mit freundlichen Grüßen,
-Raid-

Maik · 25. Mai 2008

-Raid- hat gesagt.:
Etwaige Rechtschreibfehler sind zu entschuldigen, bin gerade erst aus dem Bett gefallen.
(Natürlich nicht, bin aufgestanden...)

Moin

Ich kann da zwar keine entdecken, dafür bist du diesmal ausnahmsweise mir einen deutlichen Schritt voraus, denn ich war noch garnicht im Bett :suspekt:

Meine Süße wird sich nachher mächtig wundern, wenn sie neben einem "frisch gemachten" Bett aufwacht

Ich wünsche dir auf jeden Fall einen schönen Sonntag

Gruß
Maik

-Raid- · 25. Mai 2008

Maik hat gesagt.:
Moin

Ich kann da zwar keine entdecken, dafür bist du diesmal ausnahmsweise mir einen deutlichen Schritt voraus, denn ich war noch garnicht im Bett :suspekt:

Meine Süße wird sich nachher mächtig wundern, wenn sie neben einem "frisch gemachten" Bett aufwacht

Ich wünsche dir auf jeden Fall einen schönen Sonntag

Gruß
Maik

Danke, dir auch einen schönen Sonntag.
Nochmehr wird sie sich wundern, wenn sie deine Blutunterlaufenden Augen sieht?!

;-)
Oder ist's noch nicht so schlimm?

Jetzt ist aber genug Off-Topic hier Maik, und sowas noch als Mod... *hust*

Mit freundlichen Grüßen,
-Raid-

Maik · 25. Mai 2008

-Raid- hat gesagt.:
Nochmehr wird sie sich wundern, wenn sie deine Blutunterlaufenden Augen sieht?! ;-)
Oder ist's noch nicht so schlimm?

Jetzt ist aber genug Off-Topic hier Maik, und sowas noch als Mod... *hust*

Nö, eine durchgemachte Nacht sieht man mir nicht so schnell an - da müssten schon mehrere hintereinander folgen - aber wer steht das schon durch? ;-)

So, als zuständiger Moderator dieses Forums erteile ich uns beiden nun bis auf weiteres Redeverbot in dem Thread, bis hier wieder Fragen rund um CSS erörtert werden

-Raid- · 25. Mai 2008

Tja, dann editier ich die Frage mal eben aus den anderen Beitrag wieder raus...

*wieder einfüg*

//Ahhhhhh!! Hab einen Fehler in der Seite entdeckt.
Die Anfangs- und Abschlussleiste sind 3 Pixel im FF und ganze 6 ! Pixel im IE eingerückt.

Mit freundlichen Grüßen,
-Raid-

Maik · 25. Mai 2008

Da wirst du mir jetzt schon mit dem aktuellen Quellcode oder dem Link zur Seite auf die Sprünge helfen müssen, denn die tutorials.de-Glaskugel hat sonntags standesgemäß frei

-Raid- · 25. Mai 2008

Das auch noch, man man man.

Code:

* {
	margin:0;
	padding:0;
}

html,body {
	margin:0;
	padding:0;
	height:100%;
}

body {
	font-size:100.01%;
	font-family: Times New Roman;
	background: #121212;
}

div#wrapper {
	position:relative;
	background:url(images/wrapper_border.jpg) left top repeat-y;
	width:1024px;
	min-height:100%;
	height:auto !important;
	height:100%;
	padding:0px; margin: 0px auto;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 100%;
	clear: both;
	visibility: hidden;
}

	.clearfix {display: inline-block;}

	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */

h1#header {
	font-size: 1.0em;
	margin: 0px 14px 0 15px;
	padding: 74px;
	background: url(images/Header.jpg);
}

#leftCol {
	float:left;
	width:135px;
	margin:0 0 0 15px;
	display:inline;
}

ul {
	list-style:none;
}

ul.Navigation {
	font-size: 14px;
	margin: 0;
	padding: 0em 0em;
	width:135px;
}

li.NaviDown {
	color: white;
	background: url(images/NaviDown.jpg);
	margin: 0px 0px;
	padding: 0px 0px;
	width: 135px;
	height: 19px;
	text-align:center;
}

ul.Navigation li {
	list-style: none;
	border: 0px solid;
}

ul.Navigation a {
	display: block;
	padding: 2px;
}

ul.Navigation a:link {
	color: white;
	background: url(images/NaviButton.jpg);
	text-decoration:none;
	text-align:center;
}

ul.Navigation a:visited {
	color: white;
	text-decoration:none;
	text-align:center
	color: white;
	background: url(images/NaviButton.jpg);
	text-align:center;
}

ul.Navigation a:hover {
	color: #970202;
	background: url(images/NaviButtonOver.jpg);
	text-align:center;
}

ul.Navigation a:active {
	color: #000000;
	background: url(images/NaviButtonPressed.jpg);
	text-align:center;
}

ul#Datum {
	text-align:center;
	color:white;
	margin: 0;
	margin-top:10px;
	padding: 0;
}

ul#Datum li.Uhrzeit {
	color: white;
	background: url(images/Counter.jpg);
	margin: 0;
	padding: 0;
	width: 135px;
	height: 19px;
	text-align:center;
}

ul#Counter {
	text-align:center;
	color:white;
	margin: 0;
	margin-top:10px;
	padding: 0em 0em;
}

ul#Counter li.Counter {
	color: white;
	background: url(images/Counter.jpg);
	margin: 0px 0px;
	padding: 0px 0px;
	width: 135px; height: 19px;
	text-align:center;
}

div#Inhalt {
	background: #262626;
	margin: 0 14px 3% 153px;
	padding: 0 0.2%;
	color: #ffffff;
}

div#Inhalt h2 {
	font-size: 1em;
	margin: 0em 0em;
	padding: 0 0 0 0;
	background: url(images/NaviDown.jpg);
	height:1%;

}

div#Inhalt li.admin {
	display: block;
	text-align: center;
	font-size: 1em;
	margin: 0em 0em;
	background: url(images/NaviDown.jpg);
	height:1%;
}

div#Inhalt p {
	font-size: 1em;
	margin: 0em 0em;
	padding: 0.8em 1em;
	margin-bottom: 0em;
}
	
div#footer {
	text-align: center;
	margin:0 16px 0 15px;
	padding: 0;
	position:absolute;
	bottom:0;
	width:993px;
	clear:left;
	color: #FFFFFF;
	background: url(images/NaviDown.jpg);
}	
	
div#footer a:link {
	color: white;
}	
	
div#footer a:visited{
	color: white;
}  

div#footer a:hover{
	color: #970202;
	text-decoration:none;
}

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="description" content="'Get Back' ist eine Seite der Band "Get Back""/>
<meta name="author" content="Kevin Wirtz"/>
<meta name="keywords" content="Get, Back, Get Back, Band, Musik, NRW"/>
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<script type="text/javascript" src="audio-player/audio-player.js"></script>
<title>Get Back - Auftritte</title>
<LINK REL="SHORTCUT ICON" href="http://www.tutorials.de/forum/images/favicon.jpg">
<style type="text/css">
@import "layout.css";
</style>
<!--[if lt IE 7]>
<style type="text/css">
ul.Navigation li {
float:left;
width:135px;
}
div#footer {
width:100%;
}
</style>
<![endif]-->
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
</head>
<body>

<div id="wrapper" class="clearfix">
     <h1 id="header"></h1>
	    <div id="leftCol">
          <ul class="Navigation">
              <li class="NaviDown">Navigation</li>
              <li><a href="index.php">Willkommen</a></li>
				<li><a href="band.php">Band</a></li>
					<li><a href="musik.php">Musik</a></li>
					<li><a href="auftritte.php">Auftritte</a></li>
					<li><a href="gaestebuch.php">Gästebuch</a></li>
					<li><a href="kontakt.php">Kontakt</a></li>
					<li><a href="impressum.php">Impressum</a></li>
				<li class="NaviDown"></li>
          </ul>

		  <ul id="Uhrzeit">
              <li class="NaviDown">Datum</li>
              <li class="Uhrzeit"><script type="text/javascript" src="js/uhrzeit.js"></script></li>
              <li class="NaviDown"></li>
          </ul>

          <ul id="Counter">
              <li class="NaviDown">Counter</li>
              <li class="Counter"><?php include("Counter.php"); ?></li>
              <li class="NaviDown"></li>
          </ul>
     </div>

<div id="Inhalt">
  <h2><center>Auftritte</center></h2>
 <center><p>Keine Einträge vorhanden.<br>
</p><h2>&nbsp </h2></center>
</div>
<div id="footer"><a href="impressum.php">© 2008 Get Back</a></div>
</div>
</body>
</html>

Und da fällt mir nochwas ein:

Code:

div#Inhalt li.admin {
	display: block;
	text-align: center;
	font-size: 1em;
	margin: 0em 0em;
	background: url(images/NaviDown.jpg);
	height:1%;
}

Das ist für das Gästebuch. Dort steht ein Link in der unteren Leiste und da der nicht in h2 angezeigt werden sollte, hab ich das reingeschrieben. Funktioniert auch, nur leider wird im IE ein Punkt neben dem Link angezeigt.

Die Seite liegt auch auf dem Server, solltest du dir das angucken wollen.

Mit freundlichen Grüßen,
-Raid-

Maik · 25. Mai 2008

-Raid- hat gesagt.:
Die Seite liegt auch auf dem Server, solltest du dir das angucken wollen.

Jo, dann nenn mal die Adresse zum Server, denn dein zuletzt genannter Link in der PN spuckt das hier aus:

Diese Seite ist leider nicht verfügbar.

Richte auch du Deine kostenlose Homepage beim kostenlosen Webspace bei Funpic.de ein.

Kostenlos: 2500 MB Webspace, PHP, MySQL, FTP!

Und von welcher Anfangs- und Abschlussleiste sprichst du?

Wenn ich den Quellcode in den Browsern aufrufe, "sitzt" die linke Spalte in allen Browsern über dem linken grafischen Rahmen des wrapper-Blocks, und die Footer-Grafik überlappt den Rahmen im IE auf beiden Seiten, was an der nicht-entfernten width:100%-Deklaration liegt - vergleiche hierzu einfach mal mein gestern erstelltes Beispiel ;-)

Die übrigen Browser richten die Footer-Grafik, wie auch die linke Spalte zu weit links aus, da du den linken Außenabstand zu gering gesetzt hast - auch hier hilft ein Blick in meine gestrige Vorlage.

-Raid- · 25. Mai 2008

Kann dir gerade nicht folgen, kriegst gleich Post.

Die Seite wird bei mir im IE und FF einwandfrei dargestellt?
Ahso, stimmt, hatte ich nur in der index.php gelöscht.
Hatte mir dein Teil

D) schon angeguckt.

MfG, <- Kurzfassung
-Raid-

Firefox & IE / Positionen

Maik

-Raid-

Mitglied

Maik

-Raid-

Mitglied

Maik

-Raid-

Mitglied

Maik

-Raid-

Mitglied

Maik

-Raid-

Mitglied

Neue Beiträge