Headerweite anpassbar Einstellungen

[Ashe]

Hallo!

Ich bin neu hier und wollte mal kurz sagen das der HTML-Editor Phase 5 echt spitze ist, habe ihn seit ein paar Stunden

Ich bin noch Anfänger in Sachen Homepage bauen und so, ich versuche gerade meine erste Homepage die meiner Meinung nach nicht schlecht gelungen ist

Ich überlege da schon seit gestern Nacht herum und kommt irgendwie nicht drauf.

Also mein Bildschirm hat eine Weite von 1280 Pixel, ich habe natürlich meinen Header an meine Weite angepasst, ich wollte den nicht kleiner haben und die Bildschirmweite auch nicht.

Ich möchte, wenn das Fenster maximiert ist, dass es normal aussieht und wenn das Fenster kleiner gemacht wird, der Header rechts einfach abgeschnitten wird. Also das ich nicht scrollen muss.

Hier mal einn Beispiel, da muss man auch nicht nach links/rechts scrollen wenn das fenster kleiner wird.

Ich komme nicht ganz darauf, aber ich würde mal sagen das man den Header als Background reinmachen muss.
Wenn ja, wie? Ich habe schon einen Background und der Header wird dann nicht angezeigt.
Ich mache irgend etwas falsch

Hoffe ich habe das nicht zu kompliziert oder umständig geschrieben^^

Ein paar Sreenshots von meiner Seite habe ich hier:

bild1
bild2
bild3


Bin über hilfe sehr froh

Liebe Grüße Nadine

Der Beitrag wurde von Ashe bearbeitet: 18.07.2006 - 16:05

[Andreas]

ich komm nicht ganz drauf, aba ich würde mal sagen das man den header als background machen muss. wenn ja wie?

Du baust ganz oben auf Deiner Seite ein DIV ein und gibst diesem DIV Deine Headergrafik als Hintergrund ... et voilá!

Nebenbei: solltest Du in Zukunft von mir Reaktionen haben wollen, solltest Du Deine Rechtschreibung überdenken. Ich habe einfach keine Lust mich durch so einen Kauderwelsch zu rätseln. Wobei es schlimmere Beiträge hier gibt Trotzdem ist es nervig, wenn jedes dritte Wort falsch geschrieben ist.

Gruß

Andreas

[Ashe]

Tut mir Leid, das mit der Rechtschreibung^^

Ich weis wie man Bilder einfügt und Background, aber ich komm nicht dahinter wie das mit dem div geht...

Ehrlich gesagt ist mir das schon fast peinlich, wenn ich bedenke das HTML so leicht ist.

Könnte ich vielleicht ein Beispiel haben wie das geht mit Background in ein div?

lg Nadine

[Andreas]

Könnte ich vielleicht ein Beispiel haben wie das geht mit Background in ein div?

HTML

<div style="width:100%;height: hoehe_deines_headers px;background: White url(pfad_zu/dein_header.gif) no-repeat scroll top;">&nbsp;</div>

So in der Art. Farbe und Höhe musst Du natürlich anpassen ...

Gruß

Andreas

PS.: Nachträgliches Rumeditieren ist schon ein wenig unglücklich, wenn man sich in Antworten schon darauf bezogen hat :-)

[Conny]

Hi Andreas,
wollte gerade schreiben: Soo furchtbar ist es doch gar nicht!

Dann:

...PS.: Nachträgliches Rumeditieren ist schon ein wenig unglücklich, wenn man sich in Antworten schon darauf bezogen hat :-) ...

Verstehe... (Böse Nadine )

Conny

[Ashe]

also, es funktioniert nur habe ich jetzt wieder ein problem:

QUELLTEXT

<div style="width:1280px;height:260px;background: White url(images/header22.jpg) no-repeat scroll top;">&nbsp;</div>

Wenn ich die 1280px lasse wie es jetzt hier steht, muss ich scrollen aber der teil was schräg zu den buttons runter geht, passt.

Wenn ich aber die 100% stehn hab muss ich nicht scrollen, aber dafür passt das nicht mit den buttons zusammen und wenn das Fenster kleiner wird, wird der header links und rechts abgeschnitten, anstatt nur rechts.

das passt beides nicht so ganz^^

PS: wegen den rumeditieren. fehler soll man ausbessern und leider schreib ich meistens so wie ich rede (natürlich mit der rechtschreibung(zb schreib ich: lass, aba, ned, aba ich glaub das meinst ned , oda?))

Der Beitrag wurde von Ashe bearbeitet: 18.07.2006 - 18:12

[Conny]

...zb schreib ich: lass, aba, ned, aba ich glaub das meinst ned , oda?)) ...

Doch, genau DAS meinen wir!

cu
Conny

[Ashe]

Ok, schreibe ja inzwischen eh nicht mehr so^^

Aber egal, wir sollten beim thema bleiben. hab die lösung auf das problem mittlerweile noch immer
nicht gefunden.

Probieren geht über Studieren

[Auge]

Hallo

Probieren geht über Studieren

Na denn tu das mal.

QUELLTEXT

<div style="width:1280px;height:260px;background: White url(images/header22.jpg) no-repeat scroll top;">&nbsp;</div>

Klabustern wir das mal auseinander. Mit width:1280px; zwingst du den Browser, das Element explizit mit 1280 Pixel Breite darzustellen. Ist das Browserfenster schmaler, gibt es zwangsläufig einen horizontalen Scrollbalken.

Willst du den nicht haben, musst du als Breite anstatt der Anzahl der Pixel 100% angeben. Damit rendert der Browser dieses Element genau so breit, wie das Browserfenster breit ist. Befindet sich im Element kein Inhalt, der breiter ist als das Browserfenster, sondern nur das Hintergrundbild, wird es an der rechten Seite abgeschnitten, und es erscheint kein horizontaler Scrollbalken. So wolltest du es haben, wenn ich dich richtig verstanden habe.

Höhe, Hintergrundfarbe und -bild ist klar. Was in background der Wert scroll tun soll, ist mir allerdings nicht klar. Die Eigenschaft bezieht sich auf den (Nicht)verbleib des Bildes an der Anzeigeposition beim scrollen der Seite (explizit innerhalb des Elements, dem das Bild als Hintergrund zugewiesen wurde, background-attachment:scroll bzw. fixed;). scroll ist die Standardeinstellung und muss somit nicht angegeben werden.

Wenn das Element sowieso genauso groß ist, wie sein Hintergrundbild, kann es nicht scrollen. Davon abgesehen funktioniert diese Eigenschaft mit dem Wert fixed (der hier im Zweifelsfall eher angebracht wäre) nur unter bestimmten Voraussetzungen im MSIE bis Version 6.

Dazu muss das Bild entweder dem Element <body> oder einem Element mit der CSS-Eigenschaft overflow:scroll; bzw. overflow:auto;. Allerdings würde das Setzen dieser Eigenschaft wiederum unerwünschte Scrollbalken erzeugen.

Tschö, Auge

[Ashe]

Also das nenne ich mal eine klare Antwort^^

Mittlerweile glaube ich schon das der Code für den Header stimmt mit den 100% Weite und so.

Das Problem müsste jetzt denke ich der Hintergrund sein.

Muss ich den Hintergrund auch mit der 100% Weite reinschreiben oder funktioniert das mit diesem
background-attachment:fixed (oder anders)?

[Google Bot]