<div links und rechtsbündig?

**Abraxax** · 02.07.2004, 10:30

Code:

<div style="text-align:right;">Test Test1</div>

oder

Code:

<span style="text-align:right;">Test Test1</span>

**MaxP0W3R** · 02.07.2004, 10:35

www.css4you.de

**goth** · 02.07.2004, 10:36

Na ... dann hast Du aber Test und Test1 rechtsbündig ... sowas hier funzt ...

Code:

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de" dir="ltr">
	<head>
		<title>Test</title>
		<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
		<style type="text/css">
		<!--
		div.navbar {
			border: solid 1px red;
			width: 400px;
			text-align: right;
		}
		div.navbar span {
			float: left;
		}
		//-->
		</style>
	</head>
	<body>
		<div class="navbar"><span>Test</span>Test1</div>
	</body>
</html>

Wichtig sind natürlich nur die css-Defintionen und die Notation des Test in einem zusätzlichen <span>.

**kari_w** · 02.07.2004, 10:45

@goth
Das hat wunderbar funktioniert! Herzlichen dank.

**wahsaga** · 02.07.2004, 18:17

Original geschrieben von goth
div.navbar span {
float: left;
}

anzumerken wäre noch, dass per definition bei float auch eine explizite width-angabe erforderlich ist.

**goth** · 04.07.2004, 23:22

Da hast Du durchaus Recht ... wollte ich auch nur einen Ansatz bieten .. !

**goth** · 05.07.2004, 16:51

Nachtrag

Man sollte dann aber auch drauf hinweisen, das dann auch ein text-align auf left gesetzt werden sollte ... !

**wahsaga** · 05.07.2004, 18:27

Re: Nachtrag

@goth: nö, text-align:right.
nach links hast du ja den span gefloatet ...

**goth** · 05.07.2004, 21:56

Nein .. lt. SelfHTML muss ich bei einem SPAN, dem ich ein float: left; zuordne eine Breitenangabe via width: xyzpx; angeben ... tue ich das, so wird das SPAN element (inline) mit einer Breite von xyz px innerhalb des DIV's rechtsbündig dargestellt ... (text-align: right wird aus der Umgebung übernommen) ... also ... muss ich meinem
span wieder justifizieren ... !
Beispiel:

Code:

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de" dir="ltr">
	<head>
		<title>Floating Span</title>
		<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
		<style type="text/css">
		<!--
		body {
			text-align: center;
		}
		div {
			border: solid 1px red;
			text-align: right;
		}
		div span {
			float: left;
			width: 200px;
			border: solid 1px blue;
		}
		//-->
		</style>
	</head>
	<body>
		<div><span>hans</span>wurst</div>
	</body>
</html>

Hans wird innerhalb des nach links gefloaten SPAN's rechtsbündig dargestellt ... deshalb text-align:left;!

**wahsaga** · 06.07.2004, 07:53

Original geschrieben von goth
(text-align: right wird aus der Umgebung übernommen)

ja, OK ... jetzt hab ich's kapiert, wie du das meintest.

<div links und rechtsbündig?