Antworten auf deine Fragen:
Neues Thema erstellen

Antworten zum Thema „Menü in div container richtig positionieren!“

Kaengi

***** Kaenguruh

Hoi,

also meine Homepage ist 960px breit und ich würde gerne eine Navi baun, die immer auf der gleichen Höhe ist und dabei 3px vom linken Rand der 960px Seite ist. Der Seiteninhalt steht im uebrigen auf <center> und ist also immer mittig angeordnet. Wie kann ich das jetzt am besten lösen? Ich kenn mich nich so mit div containern aus, habe mir aber was ueberlegt und nun weis ich nich ob das funktionieren wuerde. Also einen 960px breiten, zentrierten container mit einem weiteren inneren, der dann 3px vom linken Rand entfernt waer. Meint ihr das geht oder gibt es evtl. noch einen einfacheren Weg?

greez
Kaengi
 

blackout

Schaf im Wolfspelz

AW: Menü in div container richtig positionieren!

Statisch platzierte Divs werden über das CSS-Attribut position: fixed, Abstände zu anderen Elementan per margin: X; definiert. Den Rest der Frage verstehe ich nicht.
 

knispel

Mediendesigner

AW: Menü in div container richtig positionieren!

Nach deinen Vorgaben kann man das nur pauschal beantworten, wie es blackout gemacht hat.
Vielleicht kannst du mal sagen, welche Divs du überhaupt geplant hast. Die Anzahl und gewünschte Position der wichtigsten Divs sollte schon bekannt sein, um näheres sagen zu können. Außerdem wäre es bestimmt verständlicher, wenn du eine Übersicht oder 'ne Seite zeigen könntest.
 

Kaengi

***** Kaenguruh

AW: Menü in div container richtig positionieren!

HTML:
<html>
	<head>
		<title>
			+++ Tobias 'Kaengi' Brand +++
		</title>
		
		<style type="text/css">
<!--
@import url("style.css");


div.footer { 
	border: 0px;
	bottom: 0px;
	width: 960px;
	height: 90px;
	padding: 0px;
	position: fixed;
}

div.header { 
	border: 0px;
	top: 0px;
   	margin: 0px;
	width: 960px;
	height: 90px;
	padding: 0px;
	position: fixed;
}

div.status { 
	border: 0px;
	top: 164px;
   	margin: 0px;
	width: 960px;
	height: 90px;
	padding: 0px;
	position: fixed;
}

div.navigation {
   background-color: transparent;
   position: fixed;
   top: 150px;
   left: 70px;
}

div.navi { 
	border: 0px;
	top: 250px;
	left: 10%;
   	margin: 0px;
	width: 150px;
	height: 250px;
	padding: 0px;
	position: fixed;
}

div.wrapper {
	width: 960px;
	margin: 0 auto;
}

-->
</style>
	</head>
	
	
	<body bgcolor="Gray">
		<center>

			<table bgcolor="Gray" cellpadding="0" cellspacing="0">
				<tr>
					<td colspan="3">
						<img src="header.jpg">
					</td>
				</tr>
				<tr>
					<td colspan="3">
						<img src="status.jpg">
					</td>
				</tr>
				<tr>
					<td>
						<img src="links.jpg" height="100%" width="44">
					</td>
					<td width="872">
						<table>
							<tr>
								<td>
									blubb
								</td>
								<td rowspan="3">
									<table>
										<tr>
											<td>

											</td>
										</tr>
									</table>
								</td>
							</tr>
							<tr>
								<td>
									pron
								</td>
							</tr>
							<tr>
								<td>
									asdf
								</td>
							</tr>
							<tr>
								<td>
									qwertz<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf<br>asdf
								</td>
							</tr>
						</table>
					</td>
					<td>
						<img src="rechts.jpg" height="100%" width="44">
					</td>
				</tr>

			</table>
			<div class="wrapper">
			<div class="footer"><img src="footer.gif"></div>
			<div class="header"><img src="header.jpg"></div>
			<div class="status"><img src="status.jpg"></div>
			<div class="navigation"><img src="test.jpg"></div>
			</div>
		</center>
	</body>


</html>






hoffe, dass es nun verstaendlicher ist!
 

knispel

Mediendesigner

AW: Menü in div container richtig positionieren!

Muss noch mal was fragen:

-welche style.css lädtst du denn da?
-was soll mit der Tabelle werden?
 

Kaengi

***** Kaenguruh

AW: Menü in div container richtig positionieren!

der CSS import ist eigtl ueberfluessig!

Bin s noch so mit Tabellen gewohnt ;) im Moment wird die Tabelle nur für den Linken und Rechten Rand gebraucht!
 

knispel

Mediendesigner

AW: Menü in div container richtig positionieren!

Die Tabelle sollte schon mal verschwinden.
Wie sieht es denn mit der Aufteilung überhaupt aus?
Bis jetzt kann ich das nur erahnen:
-Header
-ganz links Rand mit Grafik
-links die navi
-daneben der content mit wieviel Spalten?
-ganz rechts Rand mit Grafik
-footer

Mach doch dir mal eine möglichst genaue Übersicht.
Wenn du deine Aufteilung kennst, dann schau doch am besten zu erst rein bei intensivstation :: CSS Templates :: Templates, da hast du tamplates zur Auswahl. Damit solltest du vielleicht beginnen. Ok?
 

lomion

Aktives Mitglied

AW: Menü in div container richtig positionieren!

naja das ist nicht nur ein befehl.. und es kommt drauf an ob der container irgendetwas vom elternelement übernimmt.. aber pauschal geschrieben:

#menu{position:absolute;
width:150px;
height:300px;
top:50%;
margin-top:-150px;
left:0;
z-index:100;}
 

Kaengi

***** Kaenguruh

AW: Menü in div container richtig positionieren!

axo :( dachte es waere ein zusatz oder so womit man festlegen kann auf was sich die angabe left:150px; beziehen soll :(


so wie du es geschrieben hast gehts au nich :(
 

knispel

Mediendesigner

AW: Menü in div container richtig positionieren!

Möchte es noch mal anders sagen. Solange du nicht dein Layout besser beschreibst, wirst du auch nicht viel Hilfe bekommen!

zu dem Abstand der Navi nach links:

HTML:
div.navi { 
    border: 0px;
    top: 250px;
    left: 10%;
       margin: 0px;
    width: 150px;
    height: 250px;
    padding: 0px;
    position: fixed;
}
mit margin-left:3px; bekommst du einen Abstand vo 3px nach links, aber wie lomion schon schrieb, hängt das Resultat auch noch von anderen Dingen ab.
 

Kaengi

***** Kaenguruh

AW: Menü in div container richtig positionieren!

DANKE =)

ich weis ich bin n schwieriger Fall ^^

aber es geht auf jeden Fall ;)
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Statistik des Forums

Themen
175.155
Beiträge
2.581.851
Mitglieder
67.221
Neuestes Mitglied
opaklaus
Oben