• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Anfängerproblem - Inhalt wird unter Navigation angezeigt...

H

HCTSMLS

Guest
Hallo! :)

Tut mir Leid, dass ich einen Thread für so eine (warscheinlich) dumme Frage eröffnen muss :?
Seit zwei Tagen suche ich nun hier im Forum und bei Google eine Lösung für mein Problem.
Ich habe eine vertikale "li-Navigation" erstellt:

HTML: 
<html>
<head>
...
</head>

<body>
<div class="navigation">
<ul class="category">
<li class="header"><h2>Kategorie 1<h2></li>
<li>< a href="URL">Link 1</a></li>
<li>< a href="URL">Link 2</a></li>
</div>
</body>
</html>
Wenn ich nun anfange, den eigentlichen Inhalt zu schreiben:

HTML: 
<html>
<head>
...
</head>

<body>
<div class="navigation">
<ul class="category">
<li class="header"><h2>Kategorie 1<h2></li>
<li>< a href="URL">Link 1</a></li>
<li>< a href="URL">Link 2</a></li>
</div>
<div class="inhalt">
Testinhalt
</div>
</body>
</html>
...erscheint dieser unter der Navigation.
Ich habe schon versucht mit Frames zu arbeiten, aber als Anfänger war mir das zu viel.
Kann mir jemand helfen, oder ist das nur mit Frames zu beheben?
Danke! :)
 
Werbung:
hast du auch noch einen auszg aus der css datei, oder evtl sogar einen link zu der seite?

Ich denke du hast keinen abstand definiert oder?
 
float & clear


floate .navigation und .inhalt nach links:
Code: 
.navigation
{
  float: left;
}

.inhalt
[
  float: left;
}
Und cleare nach dem Inhalt:

HTML: 
<div class="navigation">
<ul class="category">
<li class="header"><h2>Kategorie 1<h2></li>
<li>< a href="URL">Link 1</a></li>
<li>< a href="URL">Link 2</a></li>
</div>
<div class="inhalt">
Testinhalt
</div>
<div style="clear:left">&nbsp;</div>
 
Werbung:
Vielen Dank, mit dem Code klappt es! :)

@agodesign:
Ich habe die CSS-Datei direkt im Head-Bereich definiert, wollte nur nicht alles reinschreiben. ;)
 
Geht klar, danke ;)

Sry, darf ich dann gleich noch eine Frage stellen...?
Ich habe nun versucht dem Inhalt einen Rahmen zu verpassen (wie ich es mit der Navigation erfolgreich gemacht habe). Klappt leider nicht...
Wie geht das nun?
icon_question.gif


EDIT:
Problem gelöst - danke trotzdem! :)
 
Zuletzt bearbeitet von einem Moderator:
Werbung:
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben