zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden unerklärlicher Abstand zwischen Headergrafik und Content

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 18.07.2012, 15:36
CSS-Fan
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 22.11.2005
Ort: Österreich
Beiträge: 177
mcdaniels befindet sich auf einem aufstrebenden Ast
Standard unerklärlicher Abstand zwischen Headergrafik und Content

Hallo,
ich versuche hier: Testsite Mediaquery gerade ein per Mediaqueries gesteuertes Template zu erstellen.

Es ist sehr einfach gehalten. Oben und unten sind PNG Grafiken als "Header" und "Footer" per html eingebunden. Dies deshalb, damit die Grafik auf kleineren Geräten mit skalieren kann.

Nun habe ich aber zwischen der Headergrafik und dem Beginn des Contents einen 4px breiten Abstand.

Ich habe keine Ahnung, woher der kommt. Per:

Code:
#content_and_menu {background-color:white;
	                      width:100%;
			      overflow:auto;
			      margin-top:-4px;}
kann ich ihn per Negativwert für margin-top grundsätzlich zwar überlagern, jedoch tritt dieser Abstand dann je nach Skalierung wieder auf.

Wie könnte man das Problem lösen?

Vielen Dank im Voraus!

LG
Daniel
__________________
Das Problem sitzt meistens 30 cm von der Tastatur entfernt!
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 18.07.2012, 15:41
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 02.01.2012
Beiträge: 487
dazzle89 wird schon bald berühmt werden
Standard

Meinst du 4px Abstand zwischen #header und #wrapper ?
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 18.07.2012, 16:16
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.779
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

DOCTYPE-Switch: Unerklärliche Lücken zwischen Elementen

Ich halte es für keine gute Idee, Ziergrafiken ins Markup zu schrieben. Moderne Browser können auch background-size -- bzw. wirkt die abgerissen Kante auch noch, wenn sie einfach kürzer ausfällt bei schmalem Viewport.

Geändert von fricca (18.07.2012 um 16:19 Uhr)
Mit Zitat antworten
  #4 (permalink)  
Alt 18.07.2012, 17:40
Neuer Benutzer
neuer user
 
Registriert seit: 02.03.2011
Beiträge: 26
vast befindet sich auf einem aufstrebenden Ast
Standard

hallo,

wenn du deinem Image im CSS bei

#content_top img,
#footer img {...}

ein
display:block;
hinzufügst, ist das Problem verschwunden.
Dann kannst du dir auch den negativen margin bei #content_and_menu sparen.

Ansonsten würde ich auch dazu tendieren, für den Header das Bild als Hintergrundgrafik einzubauen.

greetz
Mit Zitat antworten
  #5 (permalink)  
Alt 18.07.2012, 17:44
CSS-Fan
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 22.11.2005
Ort: Österreich
Beiträge: 177
mcdaniels befindet sich auf einem aufstrebenden Ast
Standard

Hallo,
danke für die Informationen. Ich werde das dann wohl doch sauberer lösen und die Designelemente in die CSS Datei schieben.

LG
Daniel
__________________
Das Problem sitzt meistens 30 cm von der Tastatur entfernt!
Mit Zitat antworten
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
Tabellen als Div Container SpecialFighter (X)HTML 7 12.10.2010 17:40
Ungewöhnlicher abstand beim clearen von floats adrianno CSS 14 16.09.2009 14:20
Dynamische Höhe im Content und DIV immer unten keaton CSS 8 13.12.2006 18:19
DIV Länge automatisch anpassen judicious CSS 10 08.05.2006 16:30
Seitenaufbau mit DIVs und 100% Höhe vespasquire CSS 6 12.09.2004 15:21


Alle Zeitangaben in WEZ +2. Es ist jetzt 13:28 Uhr.