freshbarcode: ausrichtung

hallo,
iuch wage mich gerade an eine neue homepage nur stoße auf schwierigkeiten:
sie besteht momentan aus einem hintergrundbild und einen banner on top. bei meiner bildschirmauflösung sieht das alles proma aus, nur bei einer minimalen veränderung der breite ist der banner und der text etc total verrückt. den banner könnte ich notfalls immernoch in den hintergrund packen, damit er nicht verrückt, nur der text und die buttons die ich später machen will würden halt nicht zentral in der mitte bleiben, sondern sich nach links oder rechts verrücken (siehe url). gibt es also eine möglichkeit (ich denke mal schon ^^) das die objekte zentral in der mitte bleiben (und damit mein ich nicht div oder center). wenn ja bitte so genau wie möglich formulieren, ich bin noch anfänger!
mfg dominik

  1. hallo,
    iuch wage mich gerade an eine neue homepage nur stoße auf schwierigkeiten:
    sie besteht momentan aus einem hintergrundbild und einen banner on top. bei meiner bildschirmauflösung sieht das alles proma aus, nur bei einer minimalen veränderung der breite ist der banner und der text etc total verrückt. den banner könnte ich notfalls immernoch in den hintergrund packen, damit er nicht verrückt, nur der text und die buttons die ich später machen will würden halt nicht zentral in der mitte bleiben, sondern sich nach links oder rechts verrücken (siehe url). gibt es also eine möglichkeit (ich denke mal schon ^^) das die objekte zentral in der mitte bleiben (und damit mein ich nicht div oder center). wenn ja bitte so genau wie möglich formulieren, ich bin noch anfänger!
    mfg dominik

    Dein Problem hab ich verstanden ... glaub ich ... Du möchtest, dass, selbst wenn deine Seite schmaler gezogen wird, der Banner nicht nach links ausweicht, oder?

    Nun ja. Dies wäre mit einer Tabelle gut gelöst ... Hier mal ein Beispiel:

    <table width="755" height="100%" style="table-layout:fixed;" border=1>
     <tr>
      <td valign="top" align="center"><img src="deinBanner.jpg"></td>
     </tr>
     <tr>
      <td valign="top" align="center">Hier steht der text</td>
     </tr>
    </table>

    Ist nur ein beispiel.

    Beschreibungen:
      Mit <table width="775" legst du die exakte Breite der Tabelle fest. Diese wird in Pixel berechnet. Ich habe eine 800x600 Auflösung auf dem IE ... Weiß nicht, was du für eine Hast ...

    Das border=1 ist nur zu den testzwecken dabei ... wenn du daraus border=0 machst, verschwindet der Rahmen.

    Mit style="table-layout:fixed;" sagst du der Tabelle, sie darf nur so groß sein, wie du es sagst. Die Höhe ist dann Variabel.

    in dem Element <td> (Einzelne Zelle) kannst du mit align="center" sagen, dass alles, was darin ist, zentriert sein soll.

    Mit valign="top" sagst du, dass der Inhalt immer OBEN in der Zelle erscheinen soll ... Das ist notwendig, da als Default-Wert (Standard) Middle (mittig) eingestellt ist ...

    Ich hoffe, das hat dir geholfen ...

    MFG
    Griever

    1. hallo,

      erstmal vielen dank für die mühe und die detailierte erklärung, aber es klappt trotzdem nicht wie gedacht. wenn ich zb icq öffne (was sich rechts neben dem internetexplorer befindet) wird die grafik (der banner) und der text logischwerweise nach links verschoben. das hintergrundbild jedoch nicht, wodurch es leider sehr sehr unsymetrishc aussieht und nutzlos wäre. hier mal der link falls es zu schwer zu verstehen ist:

      http://web101.server50.rhs-it.de/billickz/Unbenannt1.html

      zum test einfach mal das fenster minimieren. man sieht wie alles verrückt, jedoch das hintergrundbild nicht. das muss irgendwie gehen, weil es millionen seiten (so ziemlich jede) gibt wo das auch wunderbar funktioniert.

      mfg dominik

  2. Hallo Dominik,

    habe mir gerade mal den Quelltext deines Projektes angesehen.

    Sooo kann das auch nicht funktionieren, der IE macht nur genau das, was Du ihm sagst.

    Du solltest wirklich auf eine Tabellenlösung gehen, wie mein Vorposter auch empfiehlt.

    Auch würde ich über das background-image nachdenken! Warum die Kombi aus "marmoriert"+grau+"marmoriert" ?

    mach doch einfach nur eine Grafik aus dem marmorierten für den Hintergrund.

    Dann packst Du darauf eine Tabelle mit gewünschter Breite (align=center, style=table-layout:fixed !!) und verpasst dieser Tabelle die graue Hintergrundfarbe. Voila, selber Effekt.

    In die ersten Zeilen nun dein Bild und die Buttonleiste, in die 3 deinen Text.

    Teste mal

    besten Gruß
    Stephan

    1. Ich grüsse den Cosmos,

      Sooo kann das auch nicht funktionieren, der IE macht nur genau das, was Du ihm sagst.

      Also das wage ich ernsthaft zu bezweifeln. Es gibt nur eins, wo der IE genau das macht, was man ihm sagt, und ds ich beim Minimieren des Browserfensters.
      Denn selbst beim beenden reisst er bisweilen andere Programme oder sogar ds System mit.

      Möge das "Self" mit euch sein

      --
      Ich bin keine Signatur, ich fülle nur diesen leeren Platz mit sinnlosen Worten
  3. Hi freshbarcode!

    Dein Quellcode ist erschreckend. Du solltest lernen, sauberen HTML-Code zu schreiben. Achte auf eine sinnvolle Struktur deiner Elemente. Später kannst du alles noch mit CSS verschönern.

    Ich finde folgende Seiten recht hilfreich:
    http://www.vorsprungdurchwebstandards.de/theory/retro-coding/
    http://www.vorsprungdurchwebstandards.de/theory/semantischer-code/

    Um dir einen kleinen Ansatz zu zeigen, habe ich dir eine kleine Beispielseite hochgeladen. Vielleicht hilft sie dir weiter.

    Und denke daran: unbedingte Vorraussetzung für gute Internetseiten sind HTML und CSS.

    MfG H☼psel

    --
    "It's amazing I won. I was running against peace, prosperity, and incumbency."
    George W. Bush speaking to Swedish Prime Minister unaware a live television camera was still rolling, June 14, 2001
    Selfcode: ie:% fl:( br:> va:) ls:& fo:) rl:? n4:& ss:| de:] js:| ch:? sh:( mo:) zu:)
  4. hallo,

    genau das mit der tabelle hab ich gebraucht, werde das sofort testen wenn ich zu hause bin. und werd mich dann auch mal wieder in html einlesen, das hab ich das letzte mal vor 4 jahren gemacht ^^. ich arbeite sonst mit flash, das ist grundlegend anders :D
    und eins noch: IHR SEID ECHT KLASSE!! hier wird einem so schnell geholen...

    das wird ganz sicherlich nicht meine letzte frage gewesen sein.

    mfg barcode

    1. Hi freshbarcode!

      genau das mit der tabelle hab ich gebraucht

      OMG!!!!111Elf

      Tu das bitte nicht. Letztendlich ist es dir selbst überlassen, allerdings solltest, du meine Ratschläge nachvollziehen und anwenden. Glaub mir, du wirst glücklicher. ;-)

      MfG H☼psel

      --
      "It's amazing I won. I was running against peace, prosperity, and incumbency."
      George W. Bush speaking to Swedish Prime Minister unaware a live television camera was still rolling, June 14, 2001
      Selfcode: ie:% fl:( br:> va:) ls:& fo:) rl:? n4:& ss:| de:] js:| ch:? sh:( mo:) zu:)