CSS: (schas Kleinbuchstanbenabfrage)

Re(2): CSS: (schas Kleinbuchstanbenabfrage)

redbull1970 — Fri, 29 Sep 2006 12:12:16 GMT

Die "Faux Columns" sind zwar nicht schlecht, aber ein paar Probleme treten damit trotzdem auf:

Wenn z.B. ein langes Wort ("Donaudampfschifffahrtsgesellschaft") nicht in der dafür vorgesehenen Spalte Platz hat, dann wirft es das gesamte Layout durcheinander und beim Ausdrucken hat man auch ein anderes Ergebnis als auf dem Monitor.

Re(6): CSS: (schas Kleinbuchstanbenabfrage)

Entity — Sat, 16 Sep 2006 16:39:37 GMT

habs übrigens schon!

hat super funktioniert!

thx

Re(9): CSS: (schas Kleinbuchstanbenabfrage)

monster23 — Sat, 16 Sep 2006 10:33:31 GMT

Na, ok dann is jo klar das net passt

Re(8): CSS: (schas Kleinbuchstanbenabfrage)

Entity — Sat, 16 Sep 2006 10:24:35 GMT

ja....

aber so wies ausschaut wurde das Problem eh schon gelöst!
habs nur ned umgesetzt, aber ich glaube zu wissen wie ich den gewünschten Effekt erziele!

Re(7): CSS: (schas Kleinbuchstanbenabfrage)

monster23 — Sat, 16 Sep 2006 09:48:48 GMT

Du willst wohl dass es immer mitgeht oder wie

Re(6): CSS: (schas Kleinbuchstanbenabfrage)

Entity — Sat, 16 Sep 2006 09:29:46 GMT

sicher wennst irgendwas auf 100px bringen willst dann funktionierts sicher...

aber ich bräucht da eher min-height:100% und des tut nix! *g*

Re(7): CSS: (schas Kleinbuchstanbenabfrage)

lemi — Sat, 16 Sep 2006 01:04:03 GMT

wie wäre mit dieser lösung?
http://forum.geizhals.at/t444554,3651879.html#3651879

Re(7): CSS: (schas Kleinbuchstanbenabfrage)

Dr. Watson — Fri, 15 Sep 2006 22:56:45 GMT

Ich verwende seit 2 Jahren nur noch DIVs, und bekomme damit jedes Layout hin...man muss nur die Eigenheiten der Browser kennen.
Tabellen verwende ich nur noch dort, wo es sinnvoll ist - also für tabellarische Daten, aber nicht um Layouts damit auszurichten.

ad Blockelement: Der IE kennt die max bzw. min-height Eigenschaft nicht, man kann sie ihm allerdings durch einen (üblen) JavaScript Hack beibringen, wie so vieles andere auch (z.b. background-position: fixed).

ad Fragestellung: Wenn es wirklich um die gleiche Höhe der DIVs geht, klappt es eben nicht mit Ebenen - wenn es allerdings nur um das Hintergrundbild geht, klappt das wie schon gepostet wurde.

Re(6): CSS: (schas Kleinbuchstanbenabfrage)

arendee — Fri, 15 Sep 2006 18:51:32 GMT

Gut, Tabellen bauen sich langsamer auf.

Wenn das Blockelement nun wirklich gleich hoch sein soll, und die höhe vorher nicht bekannt ist, wüßt ich keine andere Lösung.

Wenn Sie eine kennen, würde ich die gerne erfahren. (kann man z.B. mittels Javascript Browserübergreifend die reale Höhe des einen div's abfragen,...?)

Wenn es bei der anforderung nur um den dahinterliegenden Hintergrund geht, rechen div's selbstverständlich aus.

Re(5): CSS: (schas Kleinbuchstanbenabfrage)

monster23 — Fri, 15 Sep 2006 18:15:05 GMT

Doch min-heigth:100px; bringt genau das was es soll z.b eine höhe von mindestens 100px. Wieso soll das also nix bringen? Versuchs mal, nimms zwar selber nimma aber funktionieren tuts

Re: CSS: (schas Kleinbuchstanbenabfrage)

lemi — Fri, 15 Sep 2006 17:35:19 GMT

wie wäre es wenn du div2 und div3 verschachtelst? also das div3 innerhalb der tags für das div2 definierst und auf die rechte seite ausrichtest?

edit:
hier der quelltext für css

#container{
margin: auto;
width: 800px;}

#div1{
width: 800px;
height: 150px;
background: lime;}

#div2{
float:left;
width: 800px;
background: green;}

#div3{
float:right;
width: 600px;
height: 150px;
background: yellow;}

im body bereich dann die tags

Div 1





             Div 3


         Div 2

das wird mir unter internetexplorer 6, firefox 1.5 und opera 9.01 richtig dargestellt, andere habe ich nicht ausprobiert

damit es im internetexplorer auch mit der angabe margin:auto zentriert wird darf man nicht auf den doctype vergessen!

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Re: CSS: (schas Kleinbuchstanbenabfrage)

lemi — Fri, 15 Sep 2006 17:35:19 GMT

wie wäre es wenn du div2 und div3 verschachtelst? also das div3 innerhalb der tags für das div2 definierst und auf die rechte seite ausrichtest?

Re: CSS: (schas Kleinbuchstanbenabfrage)

lemi — Fri, 15 Sep 2006 17:35:19 GMT

wie wäre es wenn du div2 und div3 verschachtelst? also das div3 innerhalb der tags für das div2 definierst und auf die rechte seite ausrichtest?

edit:
hier der quelltext für css

#container{
margin: auto;
width: 800px;}

#div1{
width: 800px;
height: 150px;
background: lime;}

#div2{
float:left;
width: 800px;
background: green;}

#div3{
float:right;
width: 600px;
height: 150px;
background: yellow;}

im body bereich dann die tags

Div 1





             Div 3


         Div 2

das wird mir unter internetexplorer 6, firefox 1.5 und opera 9.01 richtig dargestellt, andere habe ich nicht ausprobiert

Re: CSS: (schas Kleinbuchstanbenabfrage)

DeLuXeStyLeR — Fri, 15 Sep 2006 16:26:35 GMT

also div2 und div3 in ein gesamtdiv legen und das relative unter div1 platzieren.

hab http://www.urbansoccer.at komplett auf divs aufgebaut...und genau das selbe schema verwendet...jedoch da der hintergrund weiß ist, merkt man es nicht :D

also die lösung ist meistens leichter als man denkt. bin auch sehr lang daran gesessen bis mir das aufgefallen is

Re(2): CSS: (schas Kleinbuchstanbenabfrage)

Entity — Fri, 15 Sep 2006 12:52:51 GMT

hmm schaut interessant aus die seite.. werd ich mir anschaun wenn ich mal a bissl zeit hab!

thx

Re: CSS: (schas Kleinbuchstanbenabfrage)

biervernichter — Fri, 15 Sep 2006 11:40:49 GMT

Das lässt sich nur mit der sogenannten "Faux Columns" Methode lösen.
Dazu wird eine Hintergrundgrafik bis zum unteren Seitenende "gestapelt", die überdeckt aber dann dein div 0...

Mehr Information zu dieser Technik findest du hier.

Re(3): CSS: (schas Kleinbuchstanbenabfrage)

jobnavigator — Fri, 15 Sep 2006 10:19:38 GMT

Aber nur wenn der Panzer klein ist und die Taube tot


<body onLoad="resize()">
.
.
<div id="DIV2"></div>
.
.
<div id="DIV3"></div>
.
.

function resize()
{
    document.getElementById("DIV3").style.height =    
    document.getElementById("DIV2").style.height;
}

Re(2): CSS: (schas Kleinbuchstanbenabfrage)

Entity — Fri, 15 Sep 2006 09:22:40 GMT

ja das hab ich mir ah auch überlegt gehabt..

aber das ist ja dann wie mit einem Panzer auf Spatzen schießen

Re: CSS: (schas Kleinbuchstanbenabfrage)

jobnavigator — Fri, 15 Sep 2006 09:12:45 GMT

Naja nur so eine Idee. Beim "BODY onLoad" eine Javascriptroutine aufrufen, die mir die effektive Höhe nach Initialisierung (d.h. Content ist fertig) ausliest und damit die Höhe des anderen DIVs setzt. Das geht auf jeden Fall und wenn du die Seite "resized", dann onResize ...

Re(6): CSS: (schas Kleinbuchstanbenabfrage)

Entity — Fri, 15 Sep 2006 07:44:10 GMT

i bleib eh bei den divs....

Re(6): CSS: (schas Kleinbuchstanbenabfrage)

Entity — Fri, 15 Sep 2006 07:43:51 GMT

ich geb bescheid wenn ichs getestet hab!

Re(4): CSS: (schas Kleinbuchstanbenabfrage)

Entity — Fri, 15 Sep 2006 07:43:21 GMT

kann aber auch nix bringen *g*

Re(5): CSS: (schas Kleinbuchstanbenabfrage)

Dr. Watson — Fri, 15 Sep 2006 07:32:14 GMT

Bitte lass dir keine Tabellen aufschwatzen, und verwende wirklich Ebenen, also für Div2+3. Der Rest funktioniert so.

Re(5): CSS: (schas Kleinbuchstanbenabfrage)

arendee — Thu, 14 Sep 2006 22:45:08 GMT

Würde mich freuen zu hören, ob es funktioniert hat.

Re(3): CSS: (schas Kleinbuchstanbenabfrage)

monster23 — Thu, 14 Sep 2006 22:26:30 GMT

Sorry, meinte natürlich min-height

Re(4): CSS: (schas Kleinbuchstanbenabfrage)

Entity — Thu, 14 Sep 2006 21:59:58 GMT

ahh quasi noch ein div drüber und das hat dann den horizontalen verlauf...

und das richtige HIntergrundbild überdeckt dann diesen und ned umgekehrt....

Re(3): CSS: (schas Kleinbuchstanbenabfrage)

arendee — Thu, 14 Sep 2006 21:56:30 GMT

OK, dann so:



  <table style="[kein hintergund]">
   <tr>
    <td>inhalt div 2</td>
    <td>inhalt div 3</td>
   </tr>
  </table>

Re(3): CSS: (schas Kleinbuchstanbenabfrage)

arendee — Thu, 14 Sep 2006 21:56:30 GMT

OK, dann so:

  < div1...>
  < / div1>
  <table style="[kein hintergund]">
   <tr>
    <td>inhalt div 2</td>
    <td>inhalt div 3</td>
   </tr>
  < /table>
< / div>
< / div>

Re(2): CSS: (schas Kleinbuchstanbenabfrage)

Entity — Thu, 14 Sep 2006 21:37:57 GMT

min-width?

es geht mir ja eher um die höhe und nicht um irgendeine Breite!

Re(2): CSS: (schas Kleinbuchstanbenabfrage)

Entity — Thu, 14 Sep 2006 21:37:22 GMT

ok noch eine Zeichnung...:

grün stellt das Hintergrundbild und deren Positionierung dar!

wie man sieht geht das über die 3 Divs drüber... daher das div0 das die anderen 3 einschließt...

das Hintergrundbild in grün ist links sehr dunkel und rechts eher hell.... das eigentliche Motiv befindet sich dort wo sich alle 3 divs treffen...

also da wo das grüngeschwungene ist.

Irgendwann hört das Hintergrundbild unten auf.

jetzt war der Plan in den unteren divs auch hintergrundbilder zu machen....

also je ein pixel hoch und so breit wie das div breit.... und auf repeat: vertical;

allerdingt überdecken die dann das obere hintergrundbild...

aber ich will halt dass es unten nicht einfach aufhört sondern die farben von oben weitergehen.

irgendein Vorschlag?

PS: und aja die Seite soll nach unten unendlich weiter gehen können, je nach Content

Re(2): CSS: (schas Kleinbuchstanbenabfrage)

Entity — Thu, 14 Sep 2006 21:37:22 GMT

Re(2): CSS: (schas Kleinbuchstanbenabfrage)

Entity — Thu, 14 Sep 2006 21:26:16 GMT

mit einer Table hatte ich es vorher...

jedoch hat es mit dem Hintergrundbild nicht hingehaut.. wegen dem Überlappen von mehreren HIntergrundbildern

deswegen divs.. damit man z-index verwenden kann... nur bringts der auch nicht so wirklich

Re: CSS: (schas Kleinbuchstanbenabfrage)

monster23 — Thu, 14 Sep 2006 20:44:07 GMT

min-width:

Habs ich bei FF gemacht, hätte zumindest keine andere Lösung gefunden

Re: CSS: (schas Kleinbuchstanbenabfrage)

monster23 — Thu, 14 Sep 2006 20:44:07 GMT

min-width:

Achjo wird bei IE nicht so dargestellt allerdings schauts beim IE sowieso besser aus
Habs ich bei FF gemacht, hätte zumindest keine andere Lösung gefunden

Re: CSS: (schas Kleinbuchstanbenabfrage)

juwb — Thu, 14 Sep 2006 20:37:14 GMT

Man macht das einfach nicht so.

Wenn du nicht möchtest, daß ein Hintergrundbild von Div2 das von dem darunterliegenden Div0 überdeckt, warum hat Div2 dann überhaupt ein Hintergrundbild?

Re: CSS: (schas Kleinbuchstanbenabfrage)

arendee — Thu, 14 Sep 2006 20:26:51 GMT

Wenn du nicht vorher weisst, wie hoch das div3 sein wird, das div2 jedoch genauso gross sein muss, musst du statt den 2 divs eine tabelle, mit einer Zeile und 2 Spalten machen
<table>
<tr>
<td style="..."></td>
<td style="..."></td>
</tr>
</table>

Ad "Was auch noch interessant wäre":
Einfach im div2 kein Backgroundimage definieren.

CSS: (schas Kleinbuchstanbenabfrage)

Entity — Thu, 14 Sep 2006 20:11:01 GMT

dere..

also ihr webdesigner...

hat wer a Ahnung wie ich das machen könnte dass das div2 genauso weit nach unten geht wie das div 3?

im div 2 is eigentlich nur a Menü drin........ und im div3 is der Content.. und ich hab keine Ahnung wie viele Pixel das 3er div nach unten geht.

wenn ich im 2er div style=" height:100%;" mach tut sich gar nix... das div geht nur so weit nach unten wie halt das Menü hoch ist...

hat wer a ahung wie ich das machen kann?

Was auch noch interessant wäre:

Angenommen diese 3 divs sind in einem vierten (div 0) drin... und das vierte hat ein backgroundimage welches quasi über alle drei ein bissl drübergeht.. wie kann ich das machen, dass zb ein backgroundimage vom div 2 nicht das backgroundimage vom div 0 überdeckt!

danke danke danke!