zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden ie7 um 1px verschoben *würg*

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 26.06.2008, 14:12
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 17.05.2005
Beiträge: 55
danliker befindet sich auf einem aufstrebenden Ast
Unglücklich ie7 um 1px verschoben *würg*

Ich habe eine neue Seite im Aufbau.

FF2/3 / IE6 / Opera und Safari stellen es korrekt dar (soweit ich das sehe)
nur im IE7 ist das Bild der Fleischtheke oben um 1px nach links versetzt.

was zum Geier soll das ?

http://2008.metzgerei-sandmeier.ch/
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 26.06.2008, 15:06
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

Das Banner ist ein zentriertes Hintergrundbild.
Der Inhalt liegt in einem zentrierten Container.
Das sind zwei Zentrierungsarten, die nicht deckungsgleich sind -- das ist nicht nur im IE so.

Du brauchst keine leeren Elemente für den oberen Abstand und das Banner.
Die beiden horizontalen Linien können ein Hintergrundbild in Body sein, der Abstand ein Padding.
Das Banner-Bild kann die Navigation bekommen.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 26.06.2008, 15:25
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 17.05.2005
Beiträge: 55
danliker befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von fricca Beitrag anzeigen
Das Banner ist ein zentriertes Hintergrundbild.
Der Inhalt liegt in einem zentrierten Container.
Das sind zwei Zentrierungsarten, die nicht deckungsgleich sind -- das ist nicht nur im IE so.
Ok center != center, toll....

Zitat:
Zitat von fricca Beitrag anzeigen
Du brauchst keine leeren Elemente für den oberen Abstand und das Banner.
Die beiden horizontalen Linien können ein Hintergrundbild in Body sein, der Abstand ein Padding.
Das Banner-Bild kann die Navigation bekommen.
Hier kann ich dir leider nicht ganz folgen ...
Mit Zitat antworten
  #4 (permalink)  
Alt 26.06.2008, 15:28
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

Wenn du etwas nicht verstehst: stell Fragen.
Mit Zitat antworten
  #5 (permalink)  
Alt 26.06.2008, 16:26
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 17.05.2005
Beiträge: 55
danliker befindet sich auf einem aufstrebenden Ast
Standard

Du meinst vermutlich ein Bild mit 1px breite mit blauem "Hintergrund" und den 2 weissen Linien das sich vertikal wiederholt im body ?

Eigentlich wollte ich nicht den Hintergrund und die Linien in ein Bild packen, da dies ein wenig umständlicher ist bei Anpassungen. Wenn ich dann die Farben ändern will muss ein neues Bild her ....


Ich denke es passt nun, ich habe das obere Bild nun als img eingefügt und nicht mit css als Hintergrund ...

Geändert von danliker (26.06.2008 um 16:30 Uhr)
Mit Zitat antworten
  #6 (permalink)  
Alt 26.06.2008, 16:35
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 danliker Beitrag anzeigen
Du meinst vermutlich ein Bild mit 1px breite mit blauem "Hintergrund" und den 2 weissen Linien das sich vertikal wiederholt im body ?
Horizontal.

Zitat:
Eigentlich wollte ich nicht den Hintergrund und die Linien in ein Bild packen, da dies ein wenig umständlicher ist bei Anpassungen. Wenn ich dann die Farben ändern will muss ein neues Bild her ....
Du musst wissen, was du tust.
Im Moment sehe ich mindestens drei überflüssige Elemente allein im Kopfbereich. Das sieht aus, als würde jemand ein CSS-Layout machen, der Layouttabellen gewohnt ist. Jede Fläche bekommt ihr Element ("Zelle"). Nicht gut.
Die sinnvollere Herangehensweise ist, zunächst die Elemente mit CSS zu gestalten, die für die Auszeichnung des Inhalts nötig sind. Leere Zusatzelemente braucht man ganz selten. In deinem Fall gar nicht.
Img-Elemente haben nur dann im HTML etwas verloren, wenn sie inhaltliche Bedeutung haben. Alles, was nur Zierde ist, gehört in Stylesheet.
edit: "Banner" ist kein sinnvoller Alternativtext.
Mit Zitat antworten
  #7 (permalink)  
Alt 26.06.2008, 16:52
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 17.05.2005
Beiträge: 55
danliker befindet sich auf einem aufstrebenden Ast
Standard

ok, habe es nun versucht, aber jetzt fehlt mir noch die weisse linie unterhalb des banners über die ganze breite, wie kann ich die einbauen ?
Mit Zitat antworten
  #8 (permalink)  
Alt 26.06.2008, 16:55
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

Mach das Hintergrundbild in Body größer.
Mit Zitat antworten
  #9 (permalink)  
Alt 26.06.2008, 16:57
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 17.05.2005
Beiträge: 55
danliker befindet sich auf einem aufstrebenden Ast
Standard

Und wie kriege ich dann das nav wieder nach oben, negativer margin ?
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 26.06.2008, 16:58
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

Vielleicht probierst du's erstmal?
Das Hintergrundbild hat keinen Einfluss auf die Position deiner Elemente!
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
Dynamische Größen Killhunter CSS 0 14.05.2011 17:56
Brauche Hilfe: Schwarzes Nichts Zwox CSS 10 19.11.2010 17:53
Grafik in ein Template als Hintergrund einbinden. monsun CSS 0 30.06.2008 13:58
Max-width: im IE7 dp-wurzel CSS 2 13.04.2008 17:37
Balken in der Navibox stören Spiders CSS 11 30.06.2005 00:29


Alle Zeitangaben in WEZ +2. Es ist jetzt 00:11 Uhr.