Autor |
Nachricht |
Typo87
Threadersteller
Dabei seit: 16.07.2007
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mo 26.05.2008 11:12
Titel Hintergrund verrutscht beim skalieren ! |
|
|
Folgende Frage
Wie bekomme ich es hin das auf folgender Homepage
der Hintergrund richtig angezeigt wird.
Das Problem ist das wenn man das Browserfenster skaliert, der Hintergrund wegrutscht.
Ich muss dazusagen das das Menue und alle anderen Elemente in DIV-Comtainer sind. Das einzige
welches nicht in einem Container sitzt ist der Hintergrund. Diesen habe ich in der CSS einfach für den
Body-Tag definiert.
Liegt dort der Fehler ?
Zuletzt bearbeitet von Typo87 am Mo 26.05.2008 13:52, insgesamt 1-mal bearbeitet
|
|
|
|
|
heiko_rs
Dabei seit: 06.02.2008
Ort: Berlin
Alter: -
Geschlecht:
|
Verfasst Mo 26.05.2008 11:30
Titel
|
|
|
Du zentrierst den Hintergrund horizontal, Deine divs etc. dagegen haben einen gleich bleibenden Abstand nach links. Du musst Dich schon für eine Variante entscheiden
|
|
|
|
|
Anzeige
|
|
|
Typo87
Threadersteller
Dabei seit: 16.07.2007
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mo 26.05.2008 12:06
Titel
|
|
|
Achso. Und wie löse ich das nun genau ?
Ich habe mal diesen einen Absatz aus der style.css rauskopiert wie der Hintergrund definiert wurde.
Code: |
@charset "utf-8";
/* CSS Document */
body {
background-image:url(bg.jpg);
background-position:top center;
background-repeat:no-repeat;
background-color:#666666;
}
|
Der Hintergrund liegt NICHT in einem Container. Sondern ich habs schlicht und einfach bei Dreamweaver bei
Seiteneigenschaften als BG definiert.
Die Navigation sieht folgendermassen aus:
Code: |
<div class="navi" style="position:absolute; width:160px; height:350x; z-index:1; top: 126px; left: 234px; padding-left: 3px; [b]display:inline;[/b]"> |
Display:inline war eine Empfehlung von nem Kumpel. Er meinte das das Problem vielleicht damit behoben werden könne. Leider war dem nicht so.
Was kann ich also tun ?
P.S: Ich habe gerade dies hier gefunden :
Code: |
<style type="text/css">
div.bg {
background-image: url(../images/bg.gif);
background-color:orange;
width:500px;height:200px;
border:1px solid red;
padding:20px;
}
</style>
...
<body>
<div class="bg">
div-Container mit Hintergrundbild
</div>
|
Quelle:
Heißt das jetzt das ich bei allen 30 Unterseiten meiner Webseite noch einen extra DIV-Container erstellen muss
Zuletzt bearbeitet von Typo87 am Mo 26.05.2008 12:17, insgesamt 2-mal bearbeitet
|
|
|
|
|
heiko_rs
Dabei seit: 06.02.2008
Ort: Berlin
Alter: -
Geschlecht:
|
Verfasst Mo 26.05.2008 12:19
Titel
|
|
|
Welche Variante möchtest Du denn haben, soll die Seite horiz. zentriert sein oder einen gleich bleibenden Abstand nach links haben?
display ist bei pos. abs. natürlich völlig wirkungslos.
|
|
|
|
|
Snifferdog
Dabei seit: 08.03.2007
Ort: Düsseldorf
Alter: 35
Geschlecht:
|
Verfasst Mo 26.05.2008 12:21
Titel
|
|
|
Naja eigentlich hats heiko_rs schon beschrieben ^^
Das Problem ist, dass du einmal sagst, dass der Hintergrund immer oben mittig sein soll ... und das Menü allerdings
immer einen gleichbleibenden Abstand von Links aus hat .... das heißt es passt nur bei der Auflösung die du grade siehst und bei allen anderen nicht ^^
Display: inline hat eigentlich damit gar nichts zu tun ... bzw ich wüsste auch nicht wozu es da helfen sollte ....
Aber anstatt dem ganzen einen absoluten Abstand von links zu geben .. könntest du deinen Inhalt einfach in einen Container packen und den ebenfalls zentrieren ... dann wäre auch der Inhalt immer in der Mitte des Bildes und auch über deinem Hintergrund
Gruß
|
|
|
|
|
Typo87
Threadersteller
Dabei seit: 16.07.2007
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mo 26.05.2008 12:26
Titel
|
|
|
Die gesamte Seite soll zentiert sein.
Ich will verständlicherweiße nur nicht wieder komplett in allen 30 Unterseiten wieder alles umstricken müssen ^^
Denn dann müsste ich ja überall einen extra Container einarbeiten. Und das muss nun wirklich nicht sein
Wie gesagt. Die Seite soll einfach zentiert sein (Horizontal)
Vertikal ist Banane, kann ruhig oben stehen.
Zuletzt bearbeitet von Typo87 am Mo 26.05.2008 12:28, insgesamt 1-mal bearbeitet
|
|
|
|
|
Snifferdog
Dabei seit: 08.03.2007
Ort: Düsseldorf
Alter: 35
Geschlecht:
|
Verfasst Mo 26.05.2008 12:33
Titel
|
|
|
Mh ich denke um den extra Container kommst du bei der vertikalen Methode nicht drum rum.
Ich würdes so machen:
Code: |
.div{
position: realtive;
width: 1024px;
left: 50%;
margin-left: -512px;
}
|
Und das Div packst du dann einfach um deine kompletten Inhalt drumrum.
Dann wäre der Inhalt auch zentriert ... die absolute Positionierung müsstest du dann allerdings aufheben
Wenn du so viele Seiten hast würde ich dir empfehlen. Das Konstrukt vll mit PHP aufzubauen, dann kannst du durch mehrere Dateien die du dann letztendlich auf einer einbindest, sehr viel arbeit sparen, weil du nur eine Änderung statt 30 machen musst.
Gruß
EDIT: Sehe grade du machst es eh mit PHP ... dann würde ich einfach ne Layoutdatei bzw Menü usw als einzelne Datei auslagern ....
Zuletzt bearbeitet von Snifferdog am Mo 26.05.2008 12:34, insgesamt 1-mal bearbeitet
|
|
|
|
|
Typo87
Threadersteller
Dabei seit: 16.07.2007
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mo 26.05.2008 12:39
Titel
|
|
|
lol, wollte deinen Beitrag gerade Quoten als plötzlich dein Edit drunter stand
Eben, mit PHP mach ich das ja schon. Aber auch nur weil ich sessions übergeben muss.
Einen anderen Grund hat das nicht.
Mit dem auslagern meinst du das ich das Menue einfach php untersützt aufbaue und per
include (); einbinde ?
|
|
|
|
|
|
|
|
Ähnliche Themen |
Hintergrund mit CSS auf Monitorauflösung skalieren?
[flash] hintergrund bild/mc skalieren
iframe verrutscht
button verrutscht im firefox
Horizontale navigation verrutscht im IE 8
[ID CS5] Tabelle wird automatisch verrutscht?
|
|