[Kevin Dax]

Hallo,

ich habe ein kleines CSS Problem. Wie in der Anlage zu sehen bestelt meine Seite aus drei Ebenen.

A = Menü
B = Content

C = Absclussgrafik/Footer

--
ist es möglich das die ebenen A und B auf bei längeren Texten an der gleichen Position enden und dann mit Ebene C "abgeschlossen" werden? Im Moment ist es do, dass bei längeren Texten der Text über Ebene C drüber geht und irgendwo weit unten endet. Ebene A endet genau bei der grafik, wie eingestellt.

Ich hoffe, jemand versteht was ich meine

Grüße und Danke

Kevin

Angehängte Datei(en)

•  abc.bmp (54,89K)
  Anzahl der Downloads: 74

[axx]

Kurze Antwort: Nein. Aber es gibt Mittel und Wege, dein Ziel mit CSS2 zu erreichen. Du wirst dabei um diverse workarounds nicht herumkommen, weil einige clients CSS2 nur unzureichend unterstützen, aber es geht.
Quelltext bitte.

[K050V4]

<div name="C" style="overflow: auto; width: 200px; height: 300px;"> .... Durch overflow: auto; geht der längere Text nicht über die Ebene C. Man musst in der Ebne C dan scrollen um den Text zu sehen. </div>

[Kevin Dax]

hi, wenn ich das overflow: auto einbaue, habe ich keine Veränderung.

Hier die CSS Datei.

Angehängte Datei(en)

•  css.css (2,35K)
  Anzahl der Downloads: 57
•  privates.html (3,14K)
  Anzahl der Downloads: 215

[K050V4]

Wo hast du es den eingefügt? o.O
Wen du es in die CSS-Datei gemacht hast,
dan machs da mal weg und mach es in die Html-Datei bei den div...
Auf meiner Homepage hab ich es auch ...

[axx]

Die html-Datei passt nicht zu deiner Beschreibung oben. Kannst du das bitte vervollständigen?

Edit: OK, ich sehe gerade, dass da Hintergrundbilder verwendet werden.

Du hast alles absolut positioniert, natürlich bleibt alles an seinem Platz. Du solltest die Elemente fließen lassen.


Vorschlag:

<div id="wrap"> 
  <div id="oben"> </div><!-- ende oben -->

  <div id="rechts">
	<img src="" width="" height="" alt="dasbilddaoben">
	<h1>Privates</h1>
	<p>der lange text</p>
	<!-- was da noch kommen mag -->
  </div><!-- ende rechts -->

  <div id="links">
	<ul id="menu">
	  <li>hauptseite</li>
	  <li>blahseite</li>
	  <li>blubseite</li>
	  <li>kehrseite</li>
	  <li>schlagseite</li>
	</ul>
  </div><!-- ende links -->

  <div id="unten"> </div><!-- ende unten -->
  
</div><!-- ende wrap -->

#wrap {width:50em;}
#oben {width:auto;}
#rechts {float:right; width:35em;}
#links {float:left; width:15em;}
#menu {width:auto;}
#unten {clear:both; width:auto;}

Dieser Beitrag wurde von axx bearbeitet: 18. Mai 2006 - 15:51