HTML - Hintergrund - Wie machen die das?

Re(4): HTML - Hintergrund - Wie machen die das?

Undying — Tue, 03 Jul 2007 11:32:09 GMT

Danke dir ; )

min-height: 100%; wär das dann in den andren browsern nehm ich mal an. (Beim ContentContainer)

Naja dann muss eben auf jede Seite soviel Inhalt, damit alles gefüllt is +g+

Tabellen möchte ich bei dem Projekt eigentlch vermeiden.

Design-Technisch würds definitiv besser ausssehen. weils dann keine Stufen geben würde im Hintergrund und immer ein schöner verlauf von oben nach unten und wieder umgekehrt wäre ...

Re(3): HTML - Hintergrund - Wie machen die das?

Amorphis — Tue, 03 Jul 2007 11:29:29 GMT

aber immer gerne

Re(3): HTML - Hintergrund - Wie machen die das?

Dr. Watson — Tue, 03 Jul 2007 11:26:04 GMT

Kurze Antwort: Nein, nicht in allen Browsern.

Verwenden könntest du das Attribut min-height, aber das kann der IE nicht.

In so einem Fall wirst du um eine Container-Tabelle nicht herumkommen, wenn es wirklich sein muss.

Die Frage ist halt auch, ob es besser aussehen würde, wenn der Contentbereich immer so hoch wie das Browserfenster ist, ohne dass darin recht viel Inhalt ist...

Re(2): HTML - Hintergrund - Wie machen die das?

Undying — Tue, 03 Jul 2007 11:15:42 GMT

Da is wohl was dran :D

Du andere Frage. Wenn ich mich nicht irre bist ja sehr CSS fit.

Ich habe 3 divs:


<div class="OuterContainer">
<div class="InnerContainer">
<div class="ContentContainer">Here we go ...</div>
</div>
</div>

Funktioniert soweit auch toll wenn die Seite länger als das Browserfenster ist. Allerdings wenn der Inhalt kürzer ist, blebt unten ein "weißer" bereich. Sieht garnicht schön aus. Kann ich dem Ding irgendwie beibringen MINDESTENS browserhöhe zu haben(also den 2 divs für den background)


div.OuterContainer {
	background-repeat: repeat-x;
	background-image: url(Images/Design/bg_top2.gif);
	background-position: top;
	position: absolute;
	width: 100%;
}

div.InnerContainer {
	background-repeat: repeat-x;
	background-image: url(Images/Design/bg_bottom2.gif);
	background-position: bottom;
	text-align:center;
	position: relative;
}

div.ContentContainer {
	width: 930px;
	margin-top: 20px;
	height: 100%;
	margin-left: auto; 
	margin-right: auto;
	padding-bottom: 20px;
}

Zur Info falls wichtig: Im ContentContainer sind dann wieder mehre Divs (Header, Content, Menu, Footer)

Danke fürs lesen :D

Re(2): HTML - Hintergrund - Wie machen die das?

playaz — Tue, 03 Jul 2007 09:01:31 GMT

Re(2): HTML - Hintergrund - Wie machen die das?

dizo — Tue, 03 Jul 2007 09:00:45 GMT

Re: HTML - Hintergrund - Wie machen die das?

Dr. Watson — Tue, 03 Jul 2007 08:59:37 GMT

Ich finds geil dass MS selbst diverse Hacks verwenden muss, damit der IE6 das Layout überhaupt packt

Re(2): HTML - Hintergrund - Wie machen die das?

Undying — Tue, 03 Jul 2007 08:20:38 GMT

Danke dir ; )

Re(2): HTML - Hintergrund - Wie machen die das?

Undying — Tue, 03 Jul 2007 08:19:52 GMT

Das Problem bei der Sache is, dass es nicht statisch is. dH die Breite UND höhe ändert sich und die grafischen Elemente sollen trotzdem oben und unten über die ganze Breit erhalten bleiben.

Die Lösung ist den Hintergrund in 2 Divs die ineinander geschachtelt sind einzubinden (einmal oben einmal unten angeordnet).

Re(2): HTML - Hintergrund - Wie machen die das?

Undying — Tue, 03 Jul 2007 08:18:16 GMT

Ja Danke : ) Weranderer war noch schneller +g+

Re(5): HTML - Hintergrund - Wie machen die das?

playaz — Tue, 03 Jul 2007 07:53:57 GMT

oder in dem fall

http://i2.microsoft.com/shared/core/1/images/Page_BG_btm.jpg

Re(4): HTML - Hintergrund - Wie machen die das?

dizo — Tue, 03 Jul 2007 07:50:19 GMT

hintergrund in PS erstellen..davon 1px hernehmen und bg repeaten mit css

Eben genau nicht. Damit bekommst ein gleichmäßiges Bild, nicht so wie in diesem Hintergrundbild.

Re(3): HTML - Hintergrund - Wie machen die das?

playaz — Tue, 03 Jul 2007 07:36:39 GMT

aso falsch verstanden

eh einfach

hintergrund in PS erstellen..davon 1px hernehmen und bg repeaten mit css

Re(3): HTML - Hintergrund - Wie machen die das?

playaz — Tue, 03 Jul 2007 07:36:39 GMT

aso falsch verstanden

eh einfach

hintergrund in PS erstellen..davon 1px hernehmen und bg repeaten mit css

oder in dem fall

http://i2.microsoft.com/shared/core/1/images/Page_BG_btm.jpg

Re(2): HTML - Hintergrund - Wie machen die das?

dizo — Tue, 03 Jul 2007 07:35:48 GMT

??

Er meint wie die technische Umsetzung geht, nicht wie mans erstellt.

Re(2): HTML - Hintergrund - Wie machen die das?

dizo — Tue, 03 Jul 2007 07:35:48 GMT

??

Er meint wie die technische Umsetzung (Code) geht, nicht wie mans erstellt.

Re: HTML - Hintergrund - Wie machen die das?

playaz — Tue, 03 Jul 2007 07:34:34 GMT

IMO sind das normale grafische elemente die man mit PS macht

Re: HTML - Hintergrund - Wie machen die das?

Amorphis — Tue, 03 Jul 2007 06:47:42 GMT

Re(2): HTML - Hintergrund - Wie machen die das?

flachau — Tue, 03 Jul 2007 05:17:50 GMT

hallo
sieht auf jeden fall gut aus...hat was:=)

Re(2): HTML - Hintergrund - Wie machen die das?

Undying — Mon, 02 Jul 2007 20:35:52 GMT

Danke dir. So schlau hätte ich auch sein können um mal ins css zu schauen +g+

Aber interessant danke ; )

Re: HTML - Hintergrund - Wie machen die das?

Somnatic — Mon, 02 Jul 2007 20:33:02 GMT

Ganz normale Backgrounds:
http://www.microsoft.com/shared/core/1/images/Stage_BG_btm.png

Re: HTML - Hintergrund - Wie machen die das?

japh — Mon, 02 Jul 2007 20:27:53 GMT

spielerei mit hintergrundgrafiken, nix "uber"-css:

http://i2.microsoft.com/shared/core/1/css/core.css

HTML - Hintergrund - Wie machen die das?

Undying — Mon, 02 Jul 2007 20:20:13 GMT

Hi!

Schaut mal auf http://www.microsoft.com/

Dort gibts einen schönen Hintergrund mit "glass" Effekt. Jetzt ist die Frage ... ist das ein Bild oder ein Effekt (css / bowser?)
Und wenns ein Bild ist ... wie machen die Jungs das? Beim background-image von css gibts doch kein "skretch" ...

Ideen?