Beiträge von sejuma

Beschäftige dich zunächst mit den Grundlagen von HTML und CSS.
Eine CSS-formatierte Homepage bedeutet, dass sämtliche Style-Angaben in einer gesonderten CSS-Datei enthalten und ausgelagert sind.
Vielleicht helfen dir für den Anfang diese Links:
CSS-Einsteigerkurs
Style-Angaben einbinden

Ein Link zur Problemseite wäre hilfreich.
Eine Faux-Column-Hintergrundgrafik kann ich in deinem Code nicht erkennen.
Bevor du den entsprechenden Div schließt, musst du auch noch clearen:
http://www.ohne-css.gehts-gar.net/0005.php

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

Nimm alle absoluten Positionierungen raus, und verwende besser ul-Listen.
Positioniere besser mit float und margin.
Es macht auch keinen Sinn, pro Grafik einen gesonderten Div zu verwenden. Dazu ist dieses Element nicht gedacht.

Ich habe das auf deiner Seite probiert und konnte keine Probleme feststellen.
Lade das ggf. nochmal geändert hoch.
Der z-index benötigt entweder ein position absolute oder ein position relative.

Zum Klappmenue hilft möglicherweise hier die Ziffer 12, hab's aber selbst mangels dieser Geräte nicht ausprobiert.

Zum Zentrieren benötigst du eine Breite.
Die Zentrierung mit position absolute hat Nachteile: Wenn das Bildschirmfenster zu klein ist, können Inhalte verschwinden.
Deshalb empfehle ich dir meinen Code mit gleichem, aber besseren Ergebnis.

Versuch's mal so:

.rahmen2 {
	border-radius: 5px;
	padding:50px;
	width: 800px;
        margin: 5% auto;
	background-color:#FFFFFF;
	position:relative;
	z-index:4;
        display: none;
}

mit zwei unterschiedlichen Hintergrundgrafiken
oder
mit einer zusammengefügen Grafik

Bevor du den wrapper schließt, musst du noch clearen.

1. Beschäftige dich zunächst mit HTML und CSS-Basics.
2. Überlege dir anschließend, weshalb und wozu du Tabellen benötigst.
3. Überlege dir, auf welche Basis sich deine prozentualen Width-Werte beziehen.

Das ist eine Definitionssache, dass eine ID-Bezeichnung pro Seite nur einmal vorkommen darf, siehe z.B.
http://de.selfhtml.org/css/formate/ze…dividualformate
http://www.friedels-home.de/index.html?/Ku…Teil01/009.html

Manche Browser sind "großzügig" und stören sich nicht daran, wenn ein ID auf einer Seite mehrmals vorkommt.
Generell solltest du dich aber an die Definitionen halten, um von vornherein mögliche Probleme zu vermeiden.

hover bezieht sich auf den Vorgang wo man "mit der Maus über einen Bereich fährt".
Sobald du den Bereich mit der Maus wieder verlässt, endet auch der Hovervorgang.

ID's dürfen nur einmal vorkommen. Den ID "#test" gibt es bei dir mehrmals.
Weshalb verwendest du einheitlich eine ID und eine Class "test"? Das kann man doch alles auch in einer Class zusammenfassen.

Sieh dir mal diese Basisanleitung an und passe sie deinen Bedürfnissen an.

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

Im Prinzip ist ein prozentualer margin-left-Wert der richtige Ansatz.
Allerdings kann auch dies zu ungewollten Ergebnissen führen:

Mal angenommen du verwendest

margin-left: 10%;

Dann sind das bei 1360px Fensterbreite (nicht Auflösung!) 136px und bei 1920px Fensterbreite eben 192px.
Das sieht dann eben bei jedem Bildschirm je nach Fenstergröße etwas anders aus.

Mein Vorschalg wäre folgender:

Umhülle deine ganze Seite mit einem div #center.
Gib diesem eine fixe Breite und zentriere ihn.
Darin kannst du dann alle Elemente per px-margins positionieren.
Somit sieht deine Seite unabhängig von der Fenstergröße immer gleich aus. Allenfalls muss man dann etwas scrollen.
Siehe http://www.ohne-css.gehts-gar.net/0001.php

Weise den li's ein

float: left;

zu.
http://www.ohne-css.gehts-gar.net/0073.php

Vom Prinzip her müsste deine Vorstellung diesem Layout ähnlich kommen:
dreispaltiges layout

Erstreckt sich "oben" auf die gesamte Breite oder soll er zwischen links und rechts sein?
Für letzteren Fall wäre der 100%-Width-Wert zu groß, da er sich auf das übergeordnete "aussen" bezieht.

Das könnte möglicherweise hier an der line-height ligen:

p {
font-family: Arial, Verdana, Geneva, sans-serif;
font-size:1em;
font-weight:normal;
color:#000;
line-height:1.5em;
}

Wenn das dein tatsächlicher Navi-Code ist, dann ist er zumindest nicht komplett, weil divs zwar geschlossen, aber nicht korrekt geöffnet werden:

<div id="navigation"
><a href="../index.html"><div id="navibox1">Home</div></a
><a href="./zimmer.html"><div id="navibox2">Zimmer</div></a
><a href="./lage.html"><div id="navibox3">Lage</div></a
><div id="navibox4">Preise</div
><a href="./kontakt.html"><div id="navibox5">Kontakt</div></a
><a href="./impressum.html"><div id="navibox6">Impressum</div></a
></div>

Verwende für die Navi besser eine ul-Liste, http://www.ohne-css.gehts-gar.net/0073.php

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

Ja, z.B. mit

p {margin-top: 10px;}

Zunächst müsste es "active" und nicht "aktiv" heißen.

Evtl. meinst du auch dies:
http://www.ohne-css.gehts-gar.net/0016.php