Hallo, ich will direkt sagen das ich nicht der beste in CSS bin :) habe bei einer Google Suche nichts gefunden^^ daher hoffe ich hier auf Hilfe:
Problem ist das die Seitennavigation nicht neben dem "Inhalt und Main" ist. Hier der Link zu der Seite
www.die-senfies.de.cm
CSS Dateiinhalt:
html,body, p, a, h1,h2,h3,h4,h5,ul,ol,form,img,li, fieldset, label, legend, textarea { font-family: Verdana, Geneva, Arial, sans-serif; border:0; margin:0; padding:0; color: #ff7; color:#eee; line-height:1.6em; letter-spacing: 1px; }
html { background: #000000; }
body { font-size: 100.01%; text-align:center; }
p { margin: .5em 0 1.5em 0; }
h1 { font: small-caps bold 1.5em Times, "Times New Roman", serif; letter-spacing: 3px; margin: 0 0 1.5em 0; color: #00FFAA; }
h2, h3 { font: small-caps bold 1.3em Times, "Times New Roman", serif; letter-spacing: 3px; margin: 3em 0 1em 0; color: #00FFAA; }
ul { margin: 1em; }
ol { margin: 1em 0; list-style-position:inside; }
main{
width: 630px; text-align:left; margin: 0 auto; }
inhalt {
float:left; width: 630px; background: #222; border: 1px solid #666; margin: 1em 0; padding: 1em 1em 0;
Lg Nico
}
inhalt li {
padding: .3em; }
footer {
clear:left; font-size: .9em; }
/* Navigation */ #navi { width: 220px; margin: 0 0 0 33em; padding-top: 2em; }
navi ul {
margin: 0; list-style-type:none; }
navi li {
margin: .4em 0; border: 1px solid #666; font-size: .85em; background: #333; }
navi li a {
text-decoration:none; display:block; padding: 0 .2em 0 2.3em; text-indent: -1.7em; }
navi h2,
navi li,
navi li a {
color:#eee; }
navi h2 {margin: 0 0 .5em 0;}
.current { display:block; padding: 0 .2em 0 2.3em; text-indent: -1.7em; color:#ff7; background:#000; } /* Ende Navigation */
/* Links beim Mouseover und beim Tabben kennlich machen */ a:link, a:visited { color: #ff7; }
a:hover, a:active, a:focus { color:white; background:#000; text-decoration:none; } /* Ende Links */