<div> soll genauso groß wie nachbar <div>

[Frank Wolbring]

Ich hab ein kleines problem bei css und zwar:
+---------------Container---------------------------+
|+-------Inhalt----------------------+--Rand-------+|
||                                   |             ||
||                                   |             ||
||                                   |             ||
||                                   |             ||
||                                   |             ||
||                                   |             ||
||                                   |             ||
||                                   |             ||
||                                   |             ||
||                                   |             ||
||                                   |             ||
||                                   |             ||
||                                   |             ||
|+-----------------------------------+-------------+|
+---------------------------------------------------+

ich habe mit <div> ein kontainer um <div>-Inhalt und <div>-Rand gezogen,
doch da der rand ein hintergrund enthällt, und genauso groß sein soll, wie das inhalts-<div> , binn ich am verzweifeln, denn egal was ich tue, der rand ist immer keiner als der ihalt, der aus dem browserfenster rausragt. sprich scroll ich runter, sieh mann, das der rand aufhört, aber der inhalt noch weiter geht. ich habe keine ahnung was ich falsch mache, binn in dem gebiet auch schon ein bissl eingerosstet, da ich 1 jahr lang nichts damit mehr gemacht habe, und ich frage euch: kann mir jemand sagen, wie ich die elemente mit float, und so weiter bearbeiten muss? ich wäre froh uber eine schnellst  mögliche antword.
Danke im vorraus Frank

[Steel]

Hi!

Dein Problem ist nicht so einfach zu loesen. Entweder du weisst die Hoehe des Inhalt-Elements und weist diese dem Rand zu oder du musst mit faux-collums arbeiten. Normalerweise duerfte 'Rand' ueberhaupt keine nennenswerte Hoehe besitzen. Was ist denn da drin, dass es eine Hoehe hat?

Da Du keinerlei Beispiele geliefert hast, wuerde ich dir empfehlen 'Container' das Hintergrundbild zu verpassen und 'Rand' vielleicht sogar ganz zu entfernen. Ein Margin oder Padding von 'Inhalt' sollte fuer den noetigen Abstand zur einwandfreien Darstellung des Hintergrundes liefern.

Falls das nicht ist was Du brauchst, poste doch mal Beispiele. (Ein Link waer gut)

[Frank Wolbring]

irgendwie komm ich mit dem system hier nicht klar, aber egal.
danke für dei schnelle antwort, hier die links:

http://fwolle.fw.funpic.de/hilfe/roh.bmp   <- Soll
http://fwolle.fw.funpic.de/hilfe/jezt.jpg  <- ist

und was sind faux collums?

danke im vorraus

[Frank Wolbring]

irgendwie komm ich mit dem system hier nicht klar, aber egal.
danke für dei schnelle antwort, hier die links:

http://fwolle.fw.funpic.de/hilfe/roh.bmp   <- Soll
http://fwolle.fw.funpic.de/hilfe/jezt.jpg  <- ist

und was sind faux collums?

danke im vorraus

ok hier der css quelltext, hab ich irgendwie vergessen:

body
{
  margin:0;
  padding:0;
}

#kont
{
  height:auto;
}

#rand
{
  float:right;
  width:188px;
  height:100%;
  background:url(css/bg_wd.jpg);
}

#inhalt
{
  margin: 0 188 0 0;
  height:auto;
  background:url(css/bg_cl.jpg);
}

[Frank Wolbring]

ok ich hab das problem im griff bekommen, danke für die iilfe. hier der quelltext:
body
{
  margin:0;
  padding:0;
}

#kont
{
  height:auto;
  background:url(css/bg_wd.jpg) top right repeat-y;
}

#rand
{
}

#inhalt
{
  margin: 0 188 0 0;
  height:auto;
  background:url(css/bg_cl.jpg);
}

in #rand kommen später die menüreiter. nur so zur info.

nochmal vielen dank.

[Steel]

Hi!

genauso! :D

Gut. Das mit dem Menue in 'Rand' sollte ja nu kein groesseres Problem mehr darstellen. Hoechstens, dass das Menue laenger wird als der Inhalt... ;)

[Engin]

Hi Frank,

ok ich hab das problem im griff bekommen, danke für die iilfe. hier der quelltext:

#inhalt
{
  margin: 0 188 0 0;
}

hast du das so in deiner CSS Datei stehen?

Grüße,
Engin
 GYRO

[Steel]

Hi,

was siehst du? oben, rechts, unten, links... ne Alternative fuer margin-right. *denk* *kopfkratz*

[Engin]

Hi Steel,

was siehst du?

Ich seh was was du nicht siehst ;-)))

#inhalt
{
  margin: 0 188 0 0;}

^
px, pt, em, % oder was auch immer.

oben, rechts, unten, links... ne Alternative fuer margin-right.

&nbsp;  aber nur um veraltete Techniken auch mal erwähnt zu haben. ;-)

Grüße,
Engin
 GYRO

[Steel]

Hey ho!

Du hast wohl eher was nicht gesehen. :)

px, pt, em, % oder was auch immer.

*pfeif und Fingernaegel betracht*

Stimmt natuerlich.

[Steel]

Hi!

irgendwie komm ich mit dem system hier nicht klar, aber egal.

Inwiefern?

danke für dei schnelle antwort, hier die links:

http://fwolle.fw.funpic.de/hilfe/roh.bmp   <- Soll
http://fwolle.fw.funpic.de/hilfe/jezt.jpg  <- ist

Da machste es so, wie ich es gesagt habe. Ich nehme mal an, die bunten Tabs sind nur zierde? Du fuegst das Hintergrundbild in den Container ein und kannst getrost 'Rand' loeschen, wenn d nichts weiter rein soll. Du musst dann nur noich dafuer sorgan, dass 'Inhalt, nach rechts entsprechend leeren Platz laesst.

und was sind faux collums?

Genau das. :)

Natuerlich kann ich um diese Uhrzeit auch nicht mehr schreiben... Faux Columns sind unechte Spalten. Die sehen nur aus als ob. Durch Hintergrundgrafiken entsteht der Eindruck es gaebe 2 immer gleich hohe Spalten.

Da hab ich wohl keinen Link gesetzt...
http://alistapart.byteshift.de/fauxcolumns/

Viel Erfolg

[Steel]

wieder die Haelfte vergessen...

Also: Du kannst deine zwei Hintergrundgrafiken zu einer verschmelzen und haettest immer 2 Pseudospalten, oder wie ich schon gesagt habe. Den Hintergrund kannst du im Container so platzieren: http://de.selfhtml.org/css/eigenschaften/hintergrund.htm#background_repeat

[Frank Wolbring]

ich nochmal, als kleine ergänzung hebe ich folgenden css code erstellt:
body
{
  margin:0;
  padding:0;
}

#kont
{
  height:auto;
}

#rand
{
  float:right;
  width:188px;
  height:100%;
  background:url(css/bg_wd.jpg);
}

#inhalt
{
  margin: 0 188 0 0;
  height:auto;
  background:url(css/bg_cl.jpg);
}