Habe gerade in der Mittagspause etwas an meiner Homepage gemacht (Es hat mich mal wieder überkommen, nach dem ich was gesehen habe, was mir ganz gut gefallen hat.).
Bitte mal angucken:
http://www.michael-puff.de
Mit dem Firefox ist die Navigation im Header sichtbar, mit dem IE8 aber nicht.
CSS:
Code:
body {
font-family: Verdana, Arial, Sans-Serif;
font-size: 90%;
background-color: white;
}
h1, h2, h3, h4, h5 {
margin-top: 20px;
margin-bottom: 0px;
}
.header {
background:
url("/data/header.png") repeat-x scroll 0 0 transparent;
border:1px solid #6E6E6E;
height:150px;
margin-top: -15px;
margin-left: -10px;
margin-right: -8px;
margin-bottom:25px;
}
.navigation {
font:bold 11px Verdana;
list-style-type:none;
margin-top:-68px;
overflow:hidden;
padding-bottom:5px;
width:90%;
}
.navigation li {
display:inline;
}
.navigation li a {
background:none repeat scroll 0 0 #626464;
border-right:1px solid #CACACA;
color:#CACACA;
display:block;
float:left;
padding:7px 8px;
text-decoration:none;
}
Seite:
Code:
<div class="header">
<center>
<h1>Homepage von Michael Puff</h1>
[size="1"]
Homepage zu den Themen Programmierung hauptsächlich mit Delphi
Delphi Tutorials, Freeware und opensoure Programme, Win32API Tutorials
Offizieller Mirror des Delphi Encryption Compendium (
DEC) von Hagen Reddmann
[/size]
</center>
</div>
<div class="navigation">
<ul>
<li class="navigation">[
url="/"]Home[/
url]
<li class="navigation">[
url="/Ablage"]Ablage[/
url]
<li class="navigation">[
url="/Artikel"]Artikel[/
url]
<li class="navigation">[
url="/Ausbildung_FIAE"]Ausbildung FIAE[/
url]
<li class="navigation">[
url="/Developer"]Developer[/
url]
<li class="navigation">[
url="/Latex"]Latex[/
url]
<li class="navigation">[
url="/Links"]Links[/
url]
<li class="navigation">[
url="/Programme"]Programme[/
url]
[/list] </div>
Ich weiß schon, warum ich eigentlich so was nicht machen.