M
Maik
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 ;-)
Firefox & IE / Positionen
- Themenstarter -Raid-
- Beginndatum
- Status
-Raid-
Mitglied
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-
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-
M
Maik
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-
Mitglied
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-
Zuletzt bearbeitet:
M
Maik
Nö, eine durchgemachte Nacht sieht man mir nicht so schnell an - da müssten schon mehrere hintereinander folgen - aber wer steht das schon durch? ;-)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*
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
M
Maik
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-
Mitglied
Das auch noch, man man man. 
Und da fällt mir nochwas ein:
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-
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>  </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-
Zuletzt bearbeitet:
M
Maik
Jo, dann nenn mal die Adresse zum Server, denn dein zuletzt genannter Link in der PN spuckt das hier aus:
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.
- Status
