Dynamisch viele Fragen

[simninja]

Hi,

ich mach eine Webseite und hab mal schnell ein scribble in Photoshop gemacht (Schriftarten,farben stimmen noch nciht und das Autobild wird durch ein Radfahrer getauscht^^)

nur weiß ich noch nicht wie ich es umsetzen kann, darum bau ich auf eure hilfe

Hier mal das Scribble:


so will ich es gerne machen:

die Navigation, Head und der Footer sollen immer fix an der stelle sein
und wenn man das browserfenster größer macht soll es proportional mit gehen.

und das weiße fenster soll nur auf den unterseiten zu sehen sein startseite leer und auch das feld soll proportional mit gehen.

und das Hintergrund bild soll auch größer werden

hier mal ein beispiel wie ich es meine:


hoffentlich könnt ihr mir helfen

Gruß
Simninja

 

[Zero-PSD]

AW: Dynamisch viele Fragen

Dein blauer Balken unten ist einfach umzusetzen:

#div { width: 100%; }

Und dazu dann natürlich deine restlichen Angaben, die für den Footer wichtig sind, wie zum Beispiel die Zentrierung der Schrift, Art der Schrift und der ganze Kram.

Deine Boxen definierst du genauso, wie den Rest des Footer. Deine Boxen sollen ja eine fixe Position bekommen, also wird das auch eine Rolle spielen. Da könnten auch so Dinge helfen wie left: 10px; .

Schau mal, ob dir das erst mal weiterhilft.

EDIT: Was mich aber auch mal interessiert, die Frage könnte ich auch nicht beantworten, wie regle ich das mit den Bildern im Hintergrund? Großartig pixeln tun sie ja nun nicht, aber wo liegt der Trick? (www.kuse.de)

 

[simninja]

AW: Dynamisch viele Fragen

wo ich noch nicht weiter weis ist das weil wenn man sagen wir 800x600 das browserfenster offen hat und der footer 800px breit ist wie macht man es das er auf einer sagen wir 1920px breite an der gleichen stelle ist oder der balken nicht dicker wird?

gruß
simninja

 

[simninja]

AW: Dynamisch viele Fragen

noch eine frage:

wie kann ich einer Div-ebene sagen das es immer rechts sein soll (z.b. von oben 200px und von links 50px) bzw immer in der mitte

gruß
Simninja

 

[sokie]

AW: Dynamisch viele Fragen

du kannst zB einen container per position fixed positionieren, dass esan der position bleibt selbst wenn der übrige inhalt des fensters gescrollt wird. (im IE<6 würde diese box einfach absolut positioniert erscheinen). z.B:

#elementId{
  width: xxpx;
  height: yypx;
  position: fixed;
  top: 200px;
  left: 50px;
}

 

[aloescher]

AW: Dynamisch viele Fragen

Hi Ihrs!

Also das mit dem Hintergrund wurde über JS (Mootools -> s. Quelltext) gemacht. Kann man aber auch über JQuery realisieren (vgl. jQuery-Plugin "Supersized": Autoskalierender Background mit Slideshow-Option | Erweiterungen, Fotos, Hintergrundmuster, jQuery | Dr. Web Magazin).

Bye

André

 

[nickido]

AW: Dynamisch viele Fragen

mit den Transparenzen würde ich aufpassen, da IE 6 auf jeden Fall keine erkennt, bei IE8 bin ich mir nicht sicher.
Ich denke es wäre so oder so das schlauste sie einfach in die Hintergrundgrafik einzubinden und die divs zu positionieren.

viele GRüße

 

[chacki]

AW: Dynamisch viele Fragen

Oder ein .htc fix

Transparente PNGs im Internet Explorer 6 | Internet-Explorer, Layouts, PNG | Dr. Web Magazin

 

[nickido]

AW: Dynamisch viele Fragen

Oder ein .htc fix

Das ist ja interessant, hast du es schon mal ausprobiert?