zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > (X)HTML
Seite neu laden Auch nach Navigation Abstand einhalten

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 30.08.2016, 11:50
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 05.11.2015
Beiträge: 191
David1997 befindet sich auf einem aufstrebenden Ast
Standard Auch nach Navigation Abstand einhalten

Hallo,
ich habe mal folgendes Problem.

Auf meiner Website habe ich links eine Navigation von X Breite. Rechts davon steht der ganze Inhalt. Allerdings rutscht der Inhalt nachdem die navigation zu Ende ist unter die Navigation an den linken Rand.

Ein margin des body würde auch die Navigation verschieben, ein margin der Navigation nützt nichts.

Was kann ich da machen? Es wäre sinnvoll, wenn ich das nur einmal für die linke Seite festlegen muss: also, Abstand links = Breite X der Navigation + Y margin. Sonst müsste ich das ja bei jedem "Hauptinhalt" festlegen.

Viele Grüße!
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 30.08.2016, 11:59
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 10.01.2010
Beiträge: 951
MrMurphy ist ein sehr geschätzer MenschMrMurphy ist ein sehr geschätzer MenschMrMurphy ist ein sehr geschätzer Mensch
Standard

Hallo

Du kannst dem Inhalt einen linken margin geben.

Besser wäre statt float das Flexbox-Modell zu verwenden.

Gruss

MrMurphy
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 30.08.2016, 12:00
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 05.11.2015
Beiträge: 191
David1997 befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von MrMurphy Beitrag anzeigen
Hallo

Du kannst dem Inhalt einen linken margin geben.

Besser wäre statt float das Flexbox-Modell zu verwenden.

Gruss

MrMurphy
Aber der margin gilt ja dann auch für die Navigation, oder sehe ich das falsch?
Mit Zitat antworten
  #4 (permalink)  
Alt 30.08.2016, 12:06
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 05.11.2015
Beiträge: 191
David1997 befindet sich auf einem aufstrebenden Ast
Standard

Mit display:flex; für den "Hauptinhalt" würde es gehen. Ist das sinnvoll? Allerdings funktionieren margin-left:auto; und margin-right:auto; um den "Hauptinhalt" zentrieren nicht mehr. Warum das? Was mache ich falsch?
Mit Zitat antworten
  #5 (permalink)  
Alt 30.08.2016, 12:09
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 10.01.2010
Beiträge: 951
MrMurphy ist ein sehr geschätzer MenschMrMurphy ist ein sehr geschätzer MenschMrMurphy ist ein sehr geschätzer Mensch
Standard

Hallo

Zitat:
Was mache ich falsch?
Du willst konkrete Antworten ohne einen Link zu Seite zu zeigen. Wie soll das funktionieren?

Gruss

MrMurphy
Mit Zitat antworten
  #6 (permalink)  
Alt 30.08.2016, 12:52
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 05.11.2015
Beiträge: 191
David1997 befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von MrMurphy Beitrag anzeigen
Hallo



Du willst konkrete Antworten ohne einen Link zu Seite zu zeigen. Wie soll das funktionieren?

Gruss

MrMurphy
Ist mein Ansatz mit display:flex; für den Hauptinhalt überhaupt sinnvoll? Gibt es eine Möglichkeit einfach den margin der linken Seite festzulegen?
Mit Zitat antworten
  #7 (permalink)  
Alt 30.08.2016, 13:03
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 13.07.2009
Beiträge: 434
Austen sorgt für eine eindrucksvolle AtmosphäreAusten sorgt für eine eindrucksvolle Atmosphäre
Standard

Warum stellst du weiter Fragen, ohne die geforderten Informationen zu liefern? MrMurphy ist da noch sehr geduldig, bei anderen könntest du dein Problem jetzt alleine lösen. Nach 170 Beiträgen sind solche Basics doch nicht zuviel verlangt.
Mit Zitat antworten
  #8 (permalink)  
Alt 30.08.2016, 13:48
Benutzerbild von protonenbeschleuniger
Verbesserer
XHTMLforum-Kenner
 
Registriert seit: 06.09.2007
Beiträge: 4.642
protonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von Austen Beitrag anzeigen
Warum stellst du weiter Fragen, ohne die geforderten Informationen zu liefern? MrMurphy ist da noch sehr geduldig, bei anderen könntest du dein Problem jetzt alleine lösen. Nach 170 Beiträgen sind solche Basics doch nicht zuviel verlangt.
Naja, es ist wohl "seine" Art Fragen zu stellen:
http://xhtmlforum.de/72896-html-adresse-tag.html

Geändert von protonenbeschleuniger (30.08.2016 um 13:54 Uhr) Grund: faslcher Link
Mit Zitat antworten
  #9 (permalink)  
Alt 30.08.2016, 14:45
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 13.07.2009
Beiträge: 434
Austen sorgt für eine eindrucksvolle AtmosphäreAusten sorgt für eine eindrucksvolle Atmosphäre
Standard

Dann wird es Zeit mal etwas deutlicher zu werden.
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 30.08.2016, 15:31
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 05.11.2015
Beiträge: 191
David1997 befindet sich auf einem aufstrebenden Ast
Standard

Hallo,
bitte entschuldigt meine mangelhafte Fragestellung.

Hier nun mal ein Code-Bespiel:
HTML-Code:
<!DOCTYPE html>
<html>
<head>
<style>
html, body	{
	min-width:650px;
	max-width:1500px;
	font-family:Helvetica;
	background-color:#FEEECD;
}
nav	{
	margin-top:18px;
	width:200px;
	float:left;
	border-style:solid;
	border-width:1px;
	border-color:black;
	margin-right:10px;
	background-color:white;
}
#navigation_ul_left	{
	padding-left:7px;
	padding-right:4px;
	list-style-type:none;
}
.nav_left_bold_title	{
	font-weight:bold;
}
.nav_left_new_event	{
	color:red;
	font-weight:bold;
	text-decoration:underline;
	font-size:16.4px;
}
.contact_form_input	{
	font-size:17px;
	font-weight:lighter;
	padding-left:10px;
	width:300px;
	margin-bottom:15px;
	border-style:solid;
	border-color:black;
	border-radius:20px;
	border-width:1px;
	height:30px;
}
#contact_form	{
	text-align:center;
}
</style>
</head>
<body>

<nav>
<ul id="navigation_ul_left">
<li class="li_navigation_left">Navigations-Platzhalter 1</li>
<br>
<li class="li_navigation_left">Navigations-Platzhalter 2</li>
<br>
<li class="li_navigation_left">Navigations-Platzhalter 3</li>
<br>
<li class="li_navigation_left">Navigations-Platzhalter 4</li>
<br>
<li class="li_navigation_left">Navigations-Platzhalter 5</li>
</ul>
</nav>

<div id="contact_form">
<form id="form" action="" method="post">
<input class="contact_form_input" type="name" name="name" onkeypress="return noenter()" placeholder="Name"><br>
<input class="contact_form_input" type="name" name="name" onkeypress="return noenter()" placeholder="Name"><br>
<input class="contact_form_input" type="name" name="name" onkeypress="return noenter()" placeholder="Name"><br>
<input class="contact_form_input" type="name" name="name" onkeypress="return noenter()" placeholder="Name"><br>
<input class="contact_form_input" type="name" name="name" onkeypress="return noenter()" placeholder="Name"><br>
<input class="contact_form_input" type="name" name="name" onkeypress="return noenter()" placeholder="Name"><br>
<input class="contact_form_input" type="name" name="name" onkeypress="return noenter()" placeholder="Name"><br>
<input class="contact_form_input" type="name" name="name" onkeypress="return noenter()" placeholder="Name"><br>
<input class="contact_form_input" type="name" name="name" onkeypress="return noenter()" placeholder="Name"><br>
</form>
</div>

</body>
</html>
Links ist die Navigation, rechts daneben der Inhalt. Der Inhalt rechts soll horizontal zentriert werden. Das klappt auch ganz gut. Aber sobald die Navigation endet, wird der Inhalt entsprechend nach rechts verschoben.

Was kann ich machen, damit das nicht geschieht?
Mit Zitat antworten
Sponsored Links
Antwort

Stichwörter
css, html, navigation

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Ausrichtung Kalender greece4u CSS 20 14.05.2012 14:32
Navigation ist nicht mittig Schokokrapfen CSS 29 20.09.2011 00:19
Problem mit Navigation safari CSS 12 20.04.2011 12:11
Float-Problem? mischaef CSS 33 20.10.2010 17:20
Javascript UL Navigation im IE6 ven CSS 7 29.04.2008 16:29


Alle Zeitangaben in WEZ +2. Es ist jetzt 02:37 Uhr.