[Erledigt] Problem mit Textausrichtung

29.06.2004, 14:34

Hallo zusammen ich bin gerade dabei mir ein html layout ohne tabellen nur mit hilfe von css zu erstellen.
Leider habe ich ejtzt ein kleines Problem. Das layout habe ich soweit jetzt fertig. Nur ich habe ein problem mit der Textausrichtung.
Ich habe ein zweispaltiges layout welches mit 2 floatenden div layern realisiert ist. Der Text wird in dem div-layer auch richtig dargestellt, aber nur wenn eine zeile innerhalb des inhaltes dabei ist die über die breite des layers rausgeht und dadurch umgebrochen wird. Dann wird der text auch richtig linksbündig ausgegeben.
Habe ich allerdings nur eine zeile text im inhalt der die zeile nicht komplett ausfüllt so wird mir der text rechtsbündig ausgegeben, was ich nirgends angegeben habe.
Ich habe auch schon alle möglichen varianten probiert text-align:left mit einzubauen. jedoch funktioniert das auch nicht, selbst wenn es direkt in einem

tag angegeben ist.
Hatte jemand vielleicht schon einmal ein ähnliches Problem?
Zur Lösung stelle ich auch gerne css code und html code zur verfügung.
Danke schon mal im voraus.

imported_Ben · 29.06.2004, 14:41

code?

29.06.2004, 14:44

Code:

/* Grundelemente */
body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:0px;
	margin:0px;
	background-color:#ffffff;
	text-align:center;
	}
h1{
	font-size:18px;
	font-weight:bold;
	}

/* class Selektoren */
.contentheader{
	font-size:24px;
	font-weight:bold;
	}
.contenttext{
	font-size:12px;
	}
/* ID Selektoren */
#box{ /*box um gesamten Inhalt */
	width:770px;
	margin: 25px;
	}
/*beginn header*/
#header{
	border:1px solid #000000;
	padding: 0;
	background-color: #eeeeee;
	text-align:center;
	}
#logo{
 	padding: 0px 0px 0px 0px; 
}
#headersubtitle{
	font-size:11px;
	font-weight:bold;
	color:#000000;
	margin: 0px 0px 7px 0px;
	}
#headerbottom{
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
	text-align:left;
	background-color:#0000ff;
	border-top:1px solid #000000;
	padding: 1px 10px 1px 10px;
	}
/*ende header*/
/*beginn navigation*/
#navigation{
	padding: 25px 0px 0px 0px;
	margin: 0px 15px 0px 0px;
	float:left;   
	}                     
.menucontainer{
	width:120px;
	border:1px solid #000000;
	background-color:#0000ff;
	margin: 0px 0px 15px 0px;
	}
.menutitle{
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:left;
	margin:3px;
	padding: 0px 0px 0px 5px;
	}
a.menu:active, a.menu:hover{ 
 	color:#efefef;
	background-color:#737994;
	}
a.menu, a.menu:link, a.menu:visited {
 display:block;
 padding:3px 5px 3px 10px;
 border-top:1px solid #000;
 background-color:#efefef;
 text-align:left;
 font-weight:bold;
 font-size:10px;
 color:#000000;
 text-decoration:none;
 }

/*ende navigation*/
/*beginn content*/
#content{
	float:right;
	padding: 20px 0px 30px 30px;
	}
#text{
	text-align:left;
	}

/*ende content*/

einmal css und hier noch der zugehörige html code:

Code:

<head>
<title>Diplom 2004</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="tools/style.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="box">

<div id="header">
	[img]tools/header.jpg[/img]
	<div id="headersubtitle"><span>Studiengang Bank 2001 an der Berufsakademie Mosbach</span></div>
	<div id="headerbottom">
	<span>Startseite</span>
	</div>
</div>

<div id="navigation">
	<div class="menucontainer">
	<p class="menutitle">Menu</p>
	Startseite
	Der Kurs
	Bilder
	Gästebuch
	Impressum
	</div>
	<div class="menucontainer">
	<p class="menutitle">Login</p>
	Startseite
	Der Kurs
	</div>
</div>
<div id="content">
<div id="text">
<?php
if(!isset($_GET['inc']) || $_GET['inc'] == "")
{
include("inc/home.inc.php");
}
else
{
include("inc/".$_GET['inc'].".inc.php");
}
?> 
</div> 

</div>
</body>
</html>

imported_Ben · 29.06.2004, 14:48

also .. nur mal so auf den code geschaut .. fehlt nicht das schließende </div> des containers mit der id "content" ??

29.06.2004, 14:53

Oha da hat ja jemand augen wie ein lux

Ja der schleißende Tag hat gefeht. Das hab ich jetzt mal behoben.
Aber an der Ausrichtugn hat es wieder nur da was bewirkt wo der text länger als eine zeile ist

Ich habe in dem stylesheet bei dem #content noch text-align:left; eingefügt.

imported_Ben · 29.06.2004, 18:21

äh .. *gg* .. ich wollt das grad testen .. aber ich bräuchte ja noch den teil, wo der fehler eigentlich auftritt .. also inhalt eben ..

30.06.2004, 01:25

ok, weil dus bist

also das ist der content, bei dem es funzt:

Code:

<p class="contentheader">Startseite</p>
<p class="contenttext">Drei &lt;div&gt; -Container reichen f&uuml;r dieses Layout aus: Die Titelleiste, das Men&uuml; und der Inhalt.Drei &lt;div&gt; -Container reichen f&uuml;r dieses Layout aus: Die Titelleiste, das Men&uuml; und der Inhalt.Drei &lt;div&gt; -Container reichen f&uuml;r dieses Layout aus: Die Titelleiste, das Men&uuml; und der Inhalt.Drei &lt;div&gt; -Container reichen f&uuml;r dieses Layout aus: Die Titelleiste, das Men&uuml; und der Inhalt.Drei &lt;div&gt; -Container reichen f&uuml;r dieses Layout aus: Die Titelleiste, das Men&uuml; und der Inhalt.Drei &lt;div&gt; -Container reichen f&uuml;r dieses Layout aus: Die Titelleiste, das Men&uuml; und der Inhalt.</p>

und hier funzt es nicht:

Code:

<p class="contentheader">Impressum</p>
<p class="contenttext">Webmaster</p>
<p class="contenttext">Frank Eisenhauer

  F&uuml;rther Str. 55

  64756 Mossautal

  

  Email  </p>

imported_Ben · 30.06.2004, 03:05

ich sehs jetzt grad .. aber ich muss pennen.
ich teste das morgen .. hoffe, dass das noch reicht ..

30.06.2004, 16:05

Moin

Ändere mal in Deinem CSS das floating für #content von right auf left, dann klappt es.

BTW logisches markup ist aber was anderes als diese tag-soup

Gruß kpoint

30.06.2004, 16:42

wo ist eigentlich dein Dokumenttyp? Ist zwar ganz toll wenn du alles "versuchst" in divs zu schreiben, aber der restliche Code einfach erbärmlich ist! Warum nicht gleich alles richtig machen? Mach xhtml draus, angefangen hast du´s ja schon beim meta und bei link Attribut, aber beim Rest...

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
[Erledigt] Galerie Problem...	coraplanet	PHP Tipps 2008	4	06.06.2008 13:42
Sessions Problem	StephenKing	PHP Tipps 2008	3	16.10.2007 08:30
Textausrichtung auf Buttons, Problem im FF	saibot	HTML, Usability und Barrierefreiheit	3	19.07.2007 09:55
datensätze defekt oder problem mit dem einlesen?	Ministry	Datenbanken	4	06.07.2006 18:42
problem!!!		PHP Tipps 2006	6	08.02.2006 11:06
[Erledigt] wieder ein Problem bei phpmailer und smtp		PHP Tipps 2006	24	07.02.2006 01:07
[Erledigt] Problem bei Massenmails versenden mit der Funktion mail		PHP-Fortgeschrittene	3	19.01.2005 13:36
[Erledigt] Problem mit Übergabe einer Klasse in PHP4		PHP-Fortgeschrittene	10	08.01.2005 21:00
Problem mit Weiterleitung		PHP Tipps 2004-2	16	22.12.2004 17:49
Smarty und PHP-Skript Problem		PHP Tipps 2004-2	2	03.12.2004 22:27
[Erledigt] PHP Upload (Master Value/Local Value Problem)		PHP-Fortgeschrittene	5	23.11.2004 07:21
Problem mit alter JavaScript-Funktion	woods	PHP Tipps 2004	1	13.08.2004 13:34
[Erledigt] Problem mit Timestamp!		PHP Tipps 2004	24	08.06.2004 19:51
Login Problem		PHP Tipps 2004	4	04.06.2004 18:46
foreach problem	mAy^daY	PHP Tipps 2004	3	02.06.2004 20:29

29.06.2004, 14:34
Gast Beiträge: n/a	[Erledigt] Problem mit Textausrichtung Hallo zusammen ich bin gerade dabei mir ein html layout ohne tabellen nur mit hilfe von css zu erstellen. Leider habe ich ejtzt ein kleines Problem. Das layout habe ich soweit jetzt fertig. Nur ich habe ein problem mit der Textausrichtung. Ich habe ein zweispaltiges layout welches mit 2 floatenden div layern realisiert ist. Der Text wird in dem div-layer auch richtig dargestellt, aber nur wenn eine zeile innerhalb des inhaltes dabei ist die über die breite des layers rausgeht und dadurch umgebrochen wird. Dann wird der text auch richtig linksbündig ausgegeben. Habe ich allerdings nur eine zeile text im inhalt der die zeile nicht komplett ausfüllt so wird mir der text rechtsbündig ausgegeben, was ich nirgends angegeben habe. Ich habe auch schon alle möglichen varianten probiert text-align:left mit einzubauen. jedoch funktioniert das auch nicht, selbst wenn es direkt in einem tag angegeben ist. Hatte jemand vielleicht schon einmal ein ähnliches Problem? Zur Lösung stelle ich auch gerne css code und html code zur verfügung. Danke schon mal im voraus.


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

29.06.2004, 14:41
imported_Ben Erfahrener Benutzer Registriert seit: 18.09.2003 Beiträge: 13.598 PHP-Kenntnisse: Fortgeschritten	code? __________________ Webentwickler-Blog - Buchbesprechung PHP Design Patterns - SQL-Antipatterns

29.06.2004, 14:48
imported_Ben Erfahrener Benutzer Registriert seit: 18.09.2003 Beiträge: 13.598 PHP-Kenntnisse: Fortgeschritten	also .. nur mal so auf den code geschaut .. fehlt nicht das schließende </div> des containers mit der id "content" ?? __________________ Webentwickler-Blog - Buchbesprechung PHP Design Patterns - SQL-Antipatterns

29.06.2004, 14:53
Gast Beiträge: n/a	Oha da hat ja jemand augen wie ein lux Ja der schleißende Tag hat gefeht. Das hab ich jetzt mal behoben. Aber an der Ausrichtugn hat es wieder nur da was bewirkt wo der text länger als eine zeile ist Ich habe in dem stylesheet bei dem #content noch text-align:left; eingefügt.

29.06.2004, 18:21
imported_Ben Erfahrener Benutzer Registriert seit: 18.09.2003 Beiträge: 13.598 PHP-Kenntnisse: Fortgeschritten	äh .. gg .. ich wollt das grad testen .. aber ich bräuchte ja noch den teil, wo der fehler eigentlich auftritt .. also inhalt eben .. __________________ Webentwickler-Blog - Buchbesprechung PHP Design Patterns - SQL-Antipatterns

30.06.2004, 03:05
imported_Ben Erfahrener Benutzer Registriert seit: 18.09.2003 Beiträge: 13.598 PHP-Kenntnisse: Fortgeschritten	ich sehs jetzt grad .. aber ich muss pennen. ich teste das morgen .. hoffe, dass das noch reicht .. __________________ Webentwickler-Blog - Buchbesprechung PHP Design Patterns - SQL-Antipatterns

30.06.2004, 16:05
Gast Beiträge: n/a	Moin Ändere mal in Deinem CSS das floating für #content von right auf left, dann klappt es. BTW logisches markup ist aber was anderes als diese tag-soup Gruß kpoint

30.06.2004, 16:42
Gast Beiträge: n/a	wo ist eigentlich dein Dokumenttyp? Ist zwar ganz toll wenn du alles "versuchst" in divs zu schreiben, aber der restliche Code einfach erbärmlich ist! Warum nicht gleich alles richtig machen? Mach xhtml draus, angefangen hast du´s ja schon beim meta und bei link Attribut, aber beim Rest...