Grafik verschwindet in kleinem Fenster

[Raggy]

Hallo! Ich befasse mich erst seit kurzem mit html und css um mir eine homepage zu erstellen.
Habe nun folgendes Problem: Ich habe eine Grafik als hintergrund eingefügt (nicht background) und diese mithilfe eines codes von selfhtml schön im browserfenster zentriert.
Wenn ich aber das Browserfenster horizontal verkleiner, wird die grafik links einfach abgeschnitten, bzw. verdeckt. vertikal ist alles normal, ich kann dann runterscrollen und die ganze grafik anschauen, auch nach rechts kann ich scrollen und die grafik wird bis zum rand angezeigt, aber links verschwindet die grafik, ich kann auch nicht nach links scrollen. die navibar verschwindet sozusagen und kann nur wieder angezeigt werden, wenn das fenster wieder vergrössert wird.
habe das stylesheed dieser grafik in der html intern definiert weil es so als elternelement einfacher zu realisieren war, alle anderen objekte innerhalb der div-grafik sind in einer externen css definiert und es funktionier sonst alles einwandfrei.
hier mal der quelltext

<link rel="stylesheet" type="text/css"
 href="style.css">
  <style type="text/css">
#h1 {
position: absolute;
left: 50%;
width: 1000px;
height: 1500px;
margin-left: -500px;
<!-- Diese werte bewirken nach einer vorlage von selfhtml die zentrierung der grafik-->
}
  </style>

....

<div id="h1">
<img style="width: 1000px; height: 1500px;" alt=""
 src="hintergrund-a.jpg">

...

</div>

Weiß jemand was ich da falsch mache?
thx

[bleicher]

Grüße,

Hallo! Ich befasse mich erst seit kurzem mit html und css um mir eine homepage zu erstellen.
Habe nun folgendes Problem: Ich habe eine Grafik als hintergrund eingefügt (nicht background) und diese mithilfe eines codes von selfhtml schön im browserfenster zentriert.

hintergrund soll hitergrund sein - ich seh kein grund diese ungemein hässliche lösung zu verwenden. wenn du schon eine per id zugewiese positionierung verwendest - warum dann an den div statt an die grafik?
zudem - weil man backgrounds ebenso positionieren und zentrieren kann sehe ich absolut kein grund für diese vorgehenswese und auch kein grund die fehler oder nachteile dieser zu betrachten.

MFG
bleicher

[Raggy]

Vom Design soll es so ähnlich wie auf dieser seite www.der-2er.de aussehen. Das heißt ich hab als Hintergrund die Farbe Grau und dann soll zentral das große Bild (mit navileiste etc) sein. Deshalb :-)

[Auge]

Hallo

Vom Design soll es so ähnlich wie auf dieser seite www.der-2er.de aussehen. Das heißt ich hab als Hintergrund die Farbe Grau und dann soll zentral das große Bild (mit navileiste etc) sein. Deshalb :-)

Ach, und du denkst, das ginge mit CSS -und damit ohne HTML-Krücken- nicht?

Dann schau dich mal in den möglichen Eigenschaften für Hintergründe um.

Tschö, Auge

[Raggy]

Hallo Ekki! Ich weiß nicht wo du die error hernimmst, ich finde die Seite vom design einfach gut und möchte was ähnliches. Deine 60 error werden bei mir nicht angezeigt und außerdem übernehme ich ja nicht dem sein Quelltext und seine fehler!!!!!

Hallo Auge! Ich denke garnichts, ich suche nur nach einer Lösung! ich weiß dass diese seite mit hilfe von css gestaltet ist, mehr nicht.
Danke für den link, allerdings wird da nur beschrieben, wie eine hintergrundfarbe ODER ein hintergrundbild definiert wird. Nicht beides zusammen.

Bitte vergesst nicht dass ich html anfänger bin und nicht alles sofort so klar sehe wie ihr!

[Auge]

Hallo

Hallo Auge! Ich denke garnichts, ich suche nur nach einer Lösung! ich weiß dass diese seite mit hilfe von css gestaltet ist, mehr nicht.
Danke für den link, allerdings wird da nur beschrieben, wie eine hintergrundfarbe ODER ein hintergrundbild definiert wird. Nicht beides zusammen.

Ähem, man kann auch mehr als eine Eigenschaft für ein Element notieren. Zudem gibt es noch die "Allgemeineigenschaft" background, in der man alle Eigenschaften zu diesem Thema zusammenfassen kann.

#element-mit-hintergrundbild {  
width:...;  
height:...;  
background-color:#ccc;  
background-image:url(pfad/zum/bild.jpg);  
background-position:center top;  
background-repeat:no-repeat;  
}

Dem Element mit der fiktiven ID "element-mit-hintergrundbild" wird als Hintergrund ein helles Grau als Farbe und das Bild "bild.jpg" zugewiesen. Das Bild wird oben mittig angezeigt und nicht wiederholt. Du siehst, man kann durchaus mehrere Sachen kombinieren.

Bitte vergesst nicht dass ich html anfänger bin und nicht alles sofort so klar sehe wie ihr!

Klar, dass man nicht von Anfang an alles weiß, aber wir sind ja zum Lernen hier.

Tschö, Auge

[Raggy]

Hi Auge! Danke für die Mühe aber das hatte ich bereits ausprobiert. Löst das problem leider nicht, dass die grafik unscrollbar verschwindet, wenn das fenster verkleinert wird.

die grafik als backgroundimage zu definieren hatte ich anfangs ja auch, dann aber diese lösung genommen da es sich so für mich einfacher darstellt, die grafik als elternelement zu nehmen, an dem sich die anderen objekte wie buttons etc orientieren.
aber wie gesagt, daran liegts nicht.
ich kanns mir zwar nicht vorstellen, aber kann es womöglich ein unterschied sein, wenn ich die html datei von meinem pc öffne und wenn ich sie vom webserver öffne?
gruß

[Raggy]

So habs jetzt! :-)
mit xhtml, tabellen und zerstückelter grafik.
trozdem danke für eure hilfe
liebe grüße

[suit]

So habs jetzt! :-)
mit xhtml, tabellen und zerstückelter grafik.
trozdem danke für eure hilfe
liebe grüße

ich ahne schreckliches - du wolltest eine pr0n-startseite nachbauen mit einer in tabellen zerstückelte grafiken? toll :D

das hintergrundbild in deinen inhaltsbereich und dem fixe höhen bzw mindeshöhen/breiten zuweisen hätte es auch getan

tabelle = böse

[Raggy]

Hallo suit!
Was bitte ist eine pr0n-Startseite??

Das hintergrundbild in den inhaltsbereich zuweisen etc hat es eben NICHT getan! Hintergrund=grau! feste Grafik: sieht aus wie Hintergrund, also soll eins sein. Aber Hintergrundgrafik UND Hintergrundfarbe in einer html seite zu realisieren, scheint nicht zu gehen, habe stundenlang gegoogelt, da gibt es nichts! Und auch ohne der Farbe, mit hintergrundgrafik no-repeat und center etc wurde das bild abgehackt. Klingt komisch, ist aber so!

Und diese Lösung ist die erste die funktioniert, wie ich es will.
Bin auch nicht so von Tabelle überzeugt, doch es funktionert einwandfrei und erfüllt in diesem Fall seinen Zweck. Tabellenzellen sind u.a. Navigationsleiste, header, Inhaltsbereich (...)
Zudem habe ich diese Idee bzw. die Lösung von jemandem, der sich anscheinend gut auskennt.

liebe grüße

[Raggy]

raggys.de

Gruß

[Beat]

Hallo suit!
Was bitte ist eine pr0n-Startseite??

http://www.pr0n.com/
Offenbar Seiten mit extrem grossen Bildern ohne Tabelle.

mfg Beat

[EKKi]

Mahlzeit,

Vom Design soll es so ähnlich wie auf dieser seite www.der-2er.de aussehen.

This page is not Valid XHTML 1.0 Transitional! ... also ich weiß nicht, ob die genannte Seite so ein tolles Vorbild ist ... "Result: Failed validation, 60 Errors"

MfG,
EKKi