nicht angemeldet
Wie folgendes Design realisieren?
Hallo zusammen,
kann mir jemand sagen, wie ich in etwa folgendes Design hinkriege? Ich komme damit nicht ganz klar... Das ganze sollte ohne tabellen laufen.
Der Inhalt sollte auf allen Seiten einen Abstand von etwa 5-8% haben, also zentriert ausgerichtet, soweit gehts ja auch.
Im Inhalt selber soll es dann so aussehen: links das Menu, und gleich daneben der Content. Vom Aufbau her hab ichs bis jetzt so weit (ungefähr):
<body>
<div id="1"> <- Um Abstand zum Rand zu bekommen
<div id="menu"> <- Menu
Menu-Inhalt, untereinander angeordnet, soll gesamte höhe von "1" ausnutzen.
</div>
<div id="content"> <- Inhalt
Der eigentliche Inhalt, komplett neben menu
</div>
</div>
</body>
Hoffe das ist einigermaßen verständlich... Dankeschön.
mfg und Dave
-
Hallo Dave,
Im Inhalt selber soll es dann so aussehen: links das Menu, und gleich daneben der Content. Vom Aufbau her hab ichs bis jetzt so weit (ungefähr):
<div id="1"> <- Um Abstand zum Rand zu bekommen
IDs müssen in HTML mit einem Buchstaben beginnen.
Menu-Inhalt, untereinander angeordnet,
Nimm für das Menü eine <ul>-Liste und setze diese
soll gesamte höhe von "1" ausnutzen.
Das geht nicht so direkt...
Hoffe das ist einigermaßen verständlich... Dankeschön.
Schau Dir mal das hier an: http://css.fractatulum.net/sample/layout6format.htm
Viele Grüße,
Christian-
Hallo nochmal,
*grummel* - ich sollte mir wirklich alles nochmal durchlesen:
Nimm für das Menü eine <ul>-Liste und setze diese
Nimm für das Menü eine <ul>-Liste. Du kannst diese mit
http://css.fractatulum.net/sample/menu1format.htm
http://www.alistapart.com/stories/taminglists/formatieren.
Viele Grüße,
Christian
-
-
Hi,
kann mir jemand sagen, wie ich in etwa folgendes Design hinkriege? Ich komme damit nicht ganz klar... Das ganze sollte ohne tabellen laufen.
Der Inhalt sollte auf allen Seiten einen Abstand von etwa 5-8% haben, also zentriert ausgerichtet, soweit gehts ja auch.
Im Inhalt selber soll es dann so aussehen: links das Menu, und gleich daneben der Content. Vom Aufbau her hab ichs bis jetzt so weit (ungefähr):
<body>
<div id="1"> <- Um Abstand zum Rand zu bekommenDas kann man über margin/padding direkt im body regeln.
Abgesehen davon: 1 ist kein gültiger Wert für das id-Attribut.<div id="menu"> <- Menu
Menu-Inhalt, untereinander angeordnet, soll gesamte höhe von "1" ausnutzen.
</div>mit float:left, damit der content daneben steht.
<div id="content"> <- Inhalt
Der eigentliche Inhalt, komplett neben menu
</div>mit margin-left, der der Breite des menu entspricht, damit nicht sowas passiert:
menu content content
menu content content
content content contcu,
Andreas--
Der Optimist: Das Glas ist halbvoll. - Der Pessimist: Das Glas ist halbleer. - Der Ingenieur: Das Glas ist doppelt so groß wie nötig.
http://mud-guard.de/? http://www.andreas-waechter.de/ http://www.helpers.de/-
Hallo MudGuard und Christian,
okok, ich weiss auch dass man nicht id="1" schreiben kann, das war nur für das Beispiel, bei mir heisst der Bereich noch von früher "text", das wäre für das Beispiel unlogisch gewesen. Vielen Dank für eure Hilfe, das Problem war, dass ich margin-left vergessen hatte... jetzt gehts. Danke!
mfg Dave
-