zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > Knowledge Base
Seite neu laden Der Text will nicht nach unten im div Tag...

Antwort
 
LinkBack Themen-Optionen Ansicht
  #11 (permalink)  
Alt 16.07.2004, 10:40
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 02.06.2003
Beiträge: 2.441
ulle befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Und banner2 bekomme ich gar nicht erst zu sehen!!! Wieso das alles?
Ich weiß, habe vorhin mal versucht Deine Code zu übernehmen, hatte dann keinen Bock mehr...........zu viele Fehler

Für banner2 fehlt das position: absolute


Tipp

Gib jedem Element erstmal eine andere Hintergrundfarbe, nur so siehst Du was passiert.
Hinterher machst Du diese wieder weg, wie willst Du denn sonst entwickeln?
__________________
</ulle>
Mit Zitat antworten
Sponsored Links
  #12 (permalink)  
Alt 16.07.2004, 12:27
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 15.07.2004
Beiträge: 71
18inch befindet sich auf einem aufstrebenden Ast
Standard

Also hier ein total einfaches Bsp.:
Code:
#banner,
#navigation,
#content,
#bottom1 {
	position: absolute;
}
#banner 		{
	width: 778px;
	height: 50px;
	top: 0px;
	left: 0px;
	background: #F0E68C;
}
#navicont 		{
	width: 778px;
	height: 335px;
	top: 50px;
	left: 0px;
	background: transparent;
}
#navigation	{
	width: 168px;
	height: 335px;
	top: 50px;
	left: 0px;
	background: #FAFAD2;
}
#content			{
	width: 610px;
	height: 335px;
	top: 50px;
	left: 168px;
	background: #F5DEB3;
	}
#bottom1			{
	width: 778px;
	height: 30px;
	top: 385px;
	left: 0px;
	background: #FFF5EE;
}
.bottom 			{ vertical-align: bottom;} 
div	{
	margin: 0;
	border: 0;
	font-size: 11px;
	padding: 0px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
Und hier meine php Datei:
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
	<title>CSS Test</title>
	 <link href="css/styles2.css" rel="stylesheet" type="text/css">
</head>

<body>
<div id="banner">hier ist der banner zuhause</div>
	<div id="navigation"><span class="bottom">hier die Navi</span></div>
	<div id="content">hier steht der content</div>
<div id="bottom1"><span class="bottom">Fussssszeile</span></div>


</body>
</html>
Wieso wird der Text nicht nach unten gestellt???
Kann mir das bitte jemand sagen?
Mit Zitat antworten
Sponsored Links
  #13 (permalink)  
Alt 16.07.2004, 12:40
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 02.06.2003
Beiträge: 2.441
ulle befindet sich auf einem aufstrebenden Ast
Standard

vertical-align

bezieht sich auf die Baseline des Textfluß, sofern es nicht im <td>-Tag verwendet wird.

Ich denke Du hast mein Beispiel verstanden, damit rumgespielt, probiert, kapiert...........
__________________
</ulle>
Mit Zitat antworten
  #14 (permalink)  
Alt 16.07.2004, 12:59
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 15.07.2004
Beiträge: 71
18inch befindet sich auf einem aufstrebenden Ast
Standard

Okay.
Ich denke ich habe es endlich einigermaßen Vertsanden.

Also richtet er den Text nur innerhalb des Textflusses aus!
In deinem Bsp an dem img!

Dann frage ich mal anders:

Wie realisiert ihr immer, dass der Text nach unten kommt??

Mit einem Nullfig?? (img)
Oder wie?
Mit Zitat antworten
  #15 (permalink)  
Alt 16.07.2004, 13:20
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 02.06.2003
Beiträge: 2.441
ulle befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Wie realisiert ihr immer, dass der Text nach unten kommt??
Du willst innerhalb einer definierten BOX, also einem Block-Element, das könnte auch der BODY ( ) sein, einen Text am unteren Ende darstellen.

Dies geht nur mit absoluter/relativer Positionierung

Bedenke -> HTML und auch XHTML sind Auszeichnungssprachen, die einen TEXT-Fluß auszeichnen. Kein DESIGN-Programm

CSS -> gibt schon eine Menge Möglichkeiten dem ganzen ein Aussehen zu verhelfen.

weitere Infos findest Du in der Suchfunktion, das Thema ist auch schon 100 mal diskutiert

___________________

mein oben gezeigtes Beispiel ist ein TRICK
__________________
</ulle>
Mit Zitat antworten
  #16 (permalink)  
Alt 16.07.2004, 13:38
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 15.07.2004
Beiträge: 71
18inch befindet sich auf einem aufstrebenden Ast
Standard

Bei meinen oberen einfachen Bsp habe ich alle Tag mit absolute positioniert.

Kannst du mir nicht kurz schreiben wie du den Text nach unten bringst.

Ich will ungerne nur ungerne auf die unsaubere Methode eines Nullgifs zurückgreifen.
Mit Zitat antworten
  #17 (permalink)  
Alt 16.07.2004, 13:47
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 15.07.2004
Beiträge: 71
18inch befindet sich auf einem aufstrebenden Ast
Standard

Abgesehen davon, funzt die Nullgifmethode im Netscape 7.1 nicht.
Mit Zitat antworten
  #18 (permalink)  
Alt 16.07.2004, 14:21
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 02.06.2003
Beiträge: 2.441
ulle befindet sich auf einem aufstrebenden Ast
Standard

jetzt ist aber gut
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">    
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de"> 
<head> 
<title></title> 
<style type="text/css"> 
<!-- 
html,body   { 
   padding: 0px; 
   margin: 0px; 
   font-family: "Trebuchet MS",Verdana, Geneva, Arial, Helvetica, sans-serif; 
   font-size: 100.01%; 
   background-color: #FF9911; 
   color: #000000; 
} 
#banner, 
#navigation, 
#content, 
#bottom1 { 
   position: absolute; 
} 
#banner       { 
   width: 778px; 
   height: 50px; 
   top: 0px; 
   left: 0px; 
   background: #F0E68C; 
} 
#navicont       { 
   width: 778px; 
   height: 335px; 
   top: 50px; 
   left: 0px; 
   background: transparent; 
} 
#navigation   { 
   width: 168px; 
   height: 335px; 
   top: 50px; 
   left: 0px; 
   background: #FAFAD2; 
} 
#content         { 
   width: 610px; 
   height: 335px; 
   top: 50px; 
   left: 168px; 
   background: #F5DEB3; 
   } 
#bottom1         { 
   width: 778px; 
   height: 30px; 
   top: 385px; 
   left: 0px; 
   background: #FFF5EE; 
} 
.bottom { background: #FF0000;
	position: absolute;
	bottom: 0px;
	left: 0px;	
} 
   --> 
</style> 

</head> 
<body> 

<div id="banner">hier ist der banner zuhause<div class="bottom">Fussssszeile</div></div> 

<div id="navigation"><span class="bottom">hier die Navi</span><div class="bottom">Fussssszeile</div></div> 
   
<div id="content">hier steht der content<div class="bottom">Fussssszeile</div></div> 

<div id="bottom1"><div class="bottom">Fussssszeile</div></div>


</body></html>
Der Viewpoint liegt immer am zuletzt [absolute] positionierten Eltern-Element. Falls keines vorhanden - am BODY.



Zitat:
Abgesehen davon, funzt die Nullgifmethode im Netscape 7.1 nicht
Kann das jemand bestätigen

_____________________________

Ist übrigens das gleiche wie im Beispiel von hemfrie - ich mein ja nur, das hattest Du doch auch studiert und probiert

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">    
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de"> 
<head> 
<title></title> 
<style type="text/css"> 
<!-- 
html,body   { 
   padding: 0px; 
   margin: 0px; 
   font-family: "Trebuchet MS",Verdana, Geneva, Arial, Helvetica, sans-serif; 
   font-size: 100.01%; 
   background-color: #FF9911; 
   color: #000000; 
} 
#banner{ 
   position: absolute; 
   bottom: 0; 
   left: 0; 
   background-color: #1199FF; 
} 
 
#banner2{ 
   position: absolute; 
   bottom: 0; 
   right: 0; 
   background-color: #FF1199; 
} 
 
#page{ 
   position: relative;
   left: 150px;
   top: 100px;
   height: 200px; 
   width: 700px; 
   background: #008000; 
}
p {
	font-size: 0.8em;
   	background: #FFFFFF; 
} 
   --> 
   /*]]>*/ 
   </style> 
</head> 

<body> 

<div id="page"> 
   <div id="banner"> hier stehen diverse Menülinks </div> 
   <div id="banner2"> Sie sind eingeloggt als, XXXX XXXX </div> 
</div> 


weiter im Text</p>
</body> 
</html>
Das der Viewpoint auch bei position: relative gestzt wird ist mir neu

Ich wüßte auch hier gerne ob das in allen Browsern so ist.
__________________
</ulle>
Mit Zitat antworten
  #19 (permalink)  
Alt 16.07.2004, 14:31
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 15.07.2004
Beiträge: 71
18inch befindet sich auf einem aufstrebenden Ast
Standard

Ich denke, dass ich endlich nach ca 4 Stunden den Zusammenhang verstanden habe!

Vielen Dank!!!!!!!! besonders ulle!!!

Endlich kann ich die Seite weiter machen!
Mit Zitat antworten
Sponsored Links
  #20 (permalink)  
Alt 16.07.2004, 14:39
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 24.05.2004
Beiträge: 1.176
terrikay befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von ulle
Das der Viewpoint auch bei position: relative gestzt wird ist mir neu

Ich wüßte auch hier gerne ob das in allen Browsern so ist.
Doch, soweit ich weiß, schon, man kann problemlos absolut positionierte Container in und an relativ postionierten ausrichten. Funktionierte bei mir bisher in allen getesteten Browsern (halt FF,IE und Opera unter Win - unter Linux gehts auch, habs mit FF und Konqueror testen können). Hab ich bei meiner Seite so gemacht und bis jetzt keine Klagen gehört.....
Mit Zitat antworten
Sponsored Links
Antwort

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
Hover effekt auf ganze TD zelle gandalf_hh CSS 27 13.07.2011 19:06
Auf-/Zuklappen mit JS crimi Javascript & Ajax 7 23.09.2008 16:27
Float hängt sich durch's padding durch. nick CSS 3 16.01.2008 19:24
Probleme mit Abständen zwischen div´s.... darvida CSS 4 09.07.2005 18:48
layout ohne tabellen rw597678 CSS 3 23.04.2005 12:31


Alle Zeitangaben in WEZ +2. Es ist jetzt 00:33 Uhr.