zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Horizontal zentrierter Background verschiebt sich bei veränderung des Fensters

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 17.02.2009, 22:23
Benutzerbild von nevermind
Trollflüsterer
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 29.08.2005
Ort: Bietigheim-Bissingen
Beiträge: 2.215
nevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblick
Standard Horizontal zentrierter Background verschiebt sich bei veränderung des Fensters

hallo,

kleineres (nerviges) Problem...

Zentriert ist der 4000px-breite Hintergrund (grau-weiß, element html zugewiesen) und der faux-columns hintergrund (1px breit, repeat-y, element body zugewiesen).
Wenn das Browserfenster verändert wird (vergrößert oder verkleinert), zeigt sich hin und wieder zwischen den erwähnten hintergrundbildern und dem Hauptbild (farbig, logo usw.) links ein 1px breiter zwischenraum.
Die zentrierten Hintergründe scheinen "nachzurutschen", manchmal stimmt auch alles überein.

Könnt ihr das nachvollziehen, bzw. reproduzieren ?
Wie kann man das beheben ohne dass die Zentrierung aufgehoben werden muss ?
__________________
Gruß Roman // ngkreativ.de - Webdesign & Motorradumbau

Geändert von nevermind (20.02.2009 um 23:47 Uhr)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 18.02.2009, 22:22
Benutzerbild von nevermind
Trollflüsterer
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 29.08.2005
Ort: Bietigheim-Bissingen
Beiträge: 2.215
nevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblick
Standard

Ist der Fehler überhaupt ersichtlich ?
Ich bin mir nicht sicher, ob ihn Andere überhaupt sehen...
__________________
Gruß Roman // ngkreativ.de - Webdesign & Motorradumbau
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 18.02.2009, 23:14
{ display: random;}
XHTMLforum-Kenner
 
Registriert seit: 08.09.2004
Ort: Stuttgart
Beiträge: 5.034
andir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblick
Standard

Ich sehe ihn nicht.... mein Notebook mit 1024x768 gibt aber auch nicht allzuviel Spielraum

Win XP, SP 3, IE7, IE 6, FF 3.neueste, Opera 9.63
__________________
Grüsse Andreas- auch mal wieder da...

Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams)
Wiedergelesen: > hier und hier

[Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte
Mit Zitat antworten
  #4 (permalink)  
Alt 19.02.2009, 00:21
Benutzerbild von nevermind
Trollflüsterer
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 29.08.2005
Ort: Bietigheim-Bissingen
Beiträge: 2.215
nevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblick
Standard

Im Firefox ist mir das bisher nur aufgefallen, und zwar in der Version 3.0.6
Bisher habe ich eine unabhängige Aussage, dass der Fehler existiert.
Wenn es ihn bei dir nicht gibt, dann vll. mal das Fenster in der Breite verändern...

Naja, werde ich wohl damit leben müssen......sehr unschön.
__________________
Gruß Roman // ngkreativ.de - Webdesign & Motorradumbau

Geändert von nevermind (20.02.2009 um 23:47 Uhr)
Mit Zitat antworten
  #5 (permalink)  
Alt 19.02.2009, 00:30
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Du mischst zwei Zentrierungsarten: Hintergrundbild in Body; Margin beim Div-Element. Dabei kommt es zu der beobachteten Abweichung.
Leg dein vertikal gekacheltes Bild in #container (100%-Mindesthöhe [edit: ach ne, hast du jetzt auch nicht. Dann ohne.]). Dann erledigt sich das Problem.

Geändert von fricca (19.02.2009 um 00:35 Uhr)
Mit Zitat antworten
  #6 (permalink)  
Alt 19.02.2009, 00:37
Benutzerbild von nevermind
Trollflüsterer
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 29.08.2005
Ort: Bietigheim-Bissingen
Beiträge: 2.215
nevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblick
Standard

derartiges hatte ich mir schon fast gedacht.
naja, dafür bräuchte ich dann einen unnötigen container, da #container schon das hauptbild enthält.
so wäre wenigstens hauptbild und spalte untereinander.

das problem lässt sich wohl nicht komplett lösen, denn das 4000px breite hintergrundbild lässt sich in keinen container verfrachten.
repeat-x fällt aus, da die seiten ungleich sind.

danke für die hilfe!
__________________
Gruß Roman // ngkreativ.de - Webdesign & Motorradumbau
Mit Zitat antworten
  #7 (permalink)  
Alt 19.02.2009, 00:43
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Zitat:
Zitat von MetaCrawler Beitrag anzeigen
naja, dafür bräuchte ich dann einen unnötigen container, da #container schon das hauptbild enthält.
Dann überleg doch mal, wo du das noch unterbringen könntest. Du hast da z.B. noch ein ul-Element.


Zitat:
das problem lässt sich wohl nicht komplett lösen, denn das 4000px breite hintergrundbild lässt sich in keinen container verfrachten.
Mach die Lücke im Bild kleiner oder lass sie weg. Niemand wird die 1px-Abweichung sehen.
Mit Zitat antworten
  #8 (permalink)  
Alt 19.02.2009, 00:47
Benutzerbild von nevermind
Trollflüsterer
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 29.08.2005
Ort: Bietigheim-Bissingen
Beiträge: 2.215
nevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblick
Standard

Sie ist WEG!
warum auch immer....
D.h. der Unterschied in der zentrierung wirkt sich nur auf vervielfältigte grafiken aus ?
die hintergrundgrafik macht nun keine probleme mehr.

ul, stimmt......werds morgen einbauen.
momentan funktioniert es mit einem sinnlosen div!

danke soweit und gute nacht
__________________
Gruß Roman // ngkreativ.de - Webdesign & Motorradumbau
Mit Zitat antworten
  #9 (permalink)  
Alt 19.02.2009, 00:48
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Zitat:
Zitat von MetaCrawler Beitrag anzeigen
Sie ist WEG!
warum auch immer....
Weil es jetzt keine Stelle mehr gibt, an der ein Versatz sichtbar werden kann.
Beim horizontalen Bild ist das wurscht. Siehe oben.
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 19.02.2009, 00:53
Benutzerbild von nevermind
Trollflüsterer
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 29.08.2005
Ort: Bietigheim-Bissingen
Beiträge: 2.215
nevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblick
Standard

den versatz würde ich sehen....zumindest rechts, da ist alles pixelgenau.
Es entsteht schlichtweg keiner.
der 1px breite (fehler)-rand, der entstand, wurde durch die verschiebung der repeat-y grafik verursacht.
so ragte die faux-columns grafik 1px nach links über den mittigen hintergrund hinaus.

im prinzip auch unwichtig, trotzdem interessiert es mich, warum es auf eine no-repeat grafik scheinbar keine auswirkungen gibt.
__________________
Gruß Roman // ngkreativ.de - Webdesign & Motorradumbau
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Inline Listenelement wird nicht richtig im background befüllt SteveB CSS 3 28.04.2011 21:41
Headerbild einsetzten Demmin CSS 1 08.03.2011 04:58
2 <div>´s nebeneinander, div 1 verrutscht Dark-Flower CSS 15 16.01.2011 10:37
FF verschiebt Inhalt horizontal zentrierter Seite nach links susa CSS 5 11.10.2006 15:20
Zeilenüberlappung bei margin-top mit negativem Wert c.weber.os CSS 15 15.10.2005 16:11


Alle Zeitangaben in WEZ +2. Es ist jetzt 23:46 Uhr.