Beiträge von sejuma

Nicht getestet, aber so müsste es auch gehen und vor allem kürzer:

a {color: #000; textdecoration: none;}
a:hover {text-decoration: underline;}


#navi_top a:hover {color: #bce0dd;}


#footer a:link {text-decoration: underline;}
#footer a:visited {text-decoration: underline;}
#footer a:hover {text-decoration: none;}
#footer a:active {text-decoration: underline;}

Alles, was einheitlich ist, kann man zusammenfassen; nur die Abweichungen dann gesondert definieren.

Ich empfinde den inneren Scrollbalken störend und unnötig; dafür gibt es schließlich die Browser-Scrollbar.
Verzichte deshalb auf einen height-Wert.

Auch finde ich die Seite zu breit. Hierdurch werden die Textzeilen sehr lang und erfordern eine hohe Konzentration beim Lesen.

Die Navi ist ne reine Div-Suppe und das nur, um jedem Link einen margin-left-Wert zu verschaffen. Das könntest du ebenso mit einem padding-left-Wert bei .navi_left erreichen und alle Navi-Divs wären überflüssig.
Besser und üblich wäre jedoch eine Listen-Navi.

Ich hab jetzt mal folgendes ausprobiert:

.navoben {margin: 0;height:182px; width:100%; background: url(http://www.gradeko-werbung.de/test/nav.gif) no-repeat rgb(204,204,204); position: relative; z-index: 1;}




.inhalt {height:64%; width:100%; overflow:auto;}


#menu {position: absolute; top: 48px;padding-left: 100px;}


#menu li {float: left;margin-left: 70px;}

<div class="navoben">
<div id="menu"
<ul>
<li><a href="#">Über Uns</a>
</li><li><a href="#">Standort</a>
</li><li><a href="#">Kontakt</a>
</li><li><a href="#">Impressum</a>
</li><li><a href="#">Disclaimer</a>
</li></ul>
</div>
</div>

Generell wäre es m.E. jedoch besser, wenn du von dem fexiblen, prozentualen Laypit absiehst und ein fixes Pixellayout verwenden würdest. Das ist einfach berechenbarer und verhindert unterschiedliche, browserfensterabhängige Darstellungen.

Zentrieren einer Listen-Navi

Ich entpacke nicht gerne fremde Dateien auf meinem PC

zu deiner vorherigen Frage:
Weise li einen margin-left-Wert zu.

Kannst du nicht mal einen Link zur Seite posten?
Das ist ungefähr so, wie wenn ein Arzt eine Ferndiagnose stellen sollte.
Besorg dir notfalls kostenlosen Webspace, z.b. bei bplaced oder funpic.

Da gibt es sicher eine vernünftige Lösung. Nur muss man eben auch mal alles im Gesamtzusammenhang einschließlich der verwendeten Grafiken sehen.

Ich würde es so lösen:
Das Logo weist du einem Div als Hintergrundgrafik zu (z.B. #header) und gibst diesem eine bestimmte Höhe und Breite.
Innerhalb dieses #headers fügst du eine ul-Liste mit den Navi-Links ein. Dieser ul-Liste kannst du den gelben Balken zuweisen und sie per margin-top entsprechend positionieren. Durch einen padding-left-Wert bei ul erreichst du die Einrücklung des ersten Links.

Beispiel:

<div id="header">
<ul id="menu">
<li><a href="#">Link1</a>
<li><a href="#">Link2</a>
</ul>
</div>

#menu {background: yellow; margin: 30px 0 0 0; padding: 0 0 0 200px;}
#menu li {float: left;}

Den Doctype kannst du lassen. Der hat auch viele Vorteile, weil er nicht so streng ist.

Die sind überflüssig, da kein korrespondierender öffnender Div mehr vorhanden ist. Kannst bzw. musst du also löschen. Müsste normalerweise auch der Validator meckern.

Hast du noch andere Elemente, die ein float haben?
Vermutlich hast du dann nicht gecleart, siehe http://www.ohne-css.gehts-gar.net/0042.php
Ansonsten bitte mal einen Link zur Seite posten.

Die Prozentwerte brauchen noch einen Bezugspunkt. Das ist html und body (erste Zeile)

Den rechten Teil habe ich etwas anders formatiert, beim Inhalt noch "overflow: auto;"

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


.navoben {height:10%; width:100%;background: green;}


.logol {height:14%; width:50%; background: red; float:left;}


.logor {height:14%; margin-left: 50%; background: blue;}


.inhalt {background: yellow; height:66%; width:100%; overflow: auto;}


.navunten {background: magenta;height:10%; width:100%;}

Es könnte sein, dass deine Grafiken eine Macke haben, beschädigt sind oder unvorllständig hochgeladen wurden, siehe z.B.
http://www.cerifera.kilu.de/assets/images/…n_NBanner_1.gif
Kontrolliere die Grafiken nochmal auf deinem PC und lade sie ggf. nochmals hoch.

Die Abstände sind wohl dadurch verursacht, weil deine Grafikbuttons unterschiedliche Breiten haben. Wenn du die einheitlich breit machst, sollte es klappen.

Ferner: Wenn du noch das hinterlegst

#menu img {display: block;}

dann kannst du bei

#menu ul li:hover ul

auf den negativen margin-top-Wert verzichten.

Für mich eine Seite zum "Gleich-wieder-wegklicken".
Zu unübersichtlich, nicht klar gegliedert, man erkennt nicht auf den ersten Blick, worum es geht.
Das fängt schon bei der unruhigen Headergrafik an und setzt sich beim Block unter der Navi fort.
Weniger wäre mehr.

Na ja, nur mit a-Tags macht man eigentlich kein Drop-Down, sondern eher in Listenform wie hier: http://www.ohne-css.gehts-gar.net/0066.php

Lass dann ferner noch die absoluten Positionierungen weg. Die heißen so, weil sie in den meisten Fällen "absolut unnötig" sind.
Anordnungen kannst du einfacher über float und margin lösen.

http://www.ohne-css.gehts-gar.net/0037.php
http://www.ohne-css.gehts-gar.net/0009.php

Du musst bei #kopfbereich den margin-bottom löschen.

Teaser, Infoboxen

Da hier eine "Klasse" verwendet wird, kannst du von denen dann dann mehrere in deine rechte Spalte setzen.

Du musst berücksichtigen, dass sich nach dem CSS-Boxmodell die Gesamtbreite einschließlich padding, borger und margin ergibt, also nicht nur die Summe der width-Werte.
Von daher ist die Summe deiner Einzelelemente größer als der sie umfassende div.

Weshalb verwendest du im HTML-Teil Styleangaben zudem noch in Prozent, wo du doch alles über die CSS-Datei definieren kannst?