zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Background verschiebt sich.

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 09.07.2013, 15:03
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 09.07.2013
Beiträge: 12
peyman befindet sich auf einem aufstrebenden Ast
Standard Background verschiebt sich.

Moin ich hab folgendes Problem. Ich möchte eine seite erstellen die in zwei klassen aufgeteilt ist ( header - content)

Das Problem was ich hab ist das der Header soweit inordnung ist nur wenn ich den main bereich erstelle streckt sich das bild komplett also auch hinter dem header. Das bild soll zwar sich auf ganze bildschirm strecken aber nur in der fläche die für ihn zur verfügung steht ( alles nachm dunklen balken. )

Die Seite soll auch kein Scrollbalken oder so haben.


Was mich noch mehr wundert ist wieso der maincontent, bei angaben wie zb margin-top die komplette seite nach untenschiebt je nach angabe.

was muss ich machen damit ich die fläche nachm header mit dem bild bzw. inhalt füllen kann.

Hier mal ein bild wie es aussehen soll http://i43.tinypic.com/2vv43dj.jpg

und hier mal die seite. (hab beim header mal die background farbe rausgenommen damit man sieht wie sich das bild dahinter streckt).http://www.care-verlag.de/try/index.html
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 09.07.2013, 15:14
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.782
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 peyman Beitrag anzeigen
Das Problem was ich hab ist das der Header soweit inordnung ist nur wenn ich den main bereich erstelle streckt sich das bild komplett also auch hinter dem header. Das bild soll zwar sich auf ganze bildschirm strecken aber nur in der fläche die für ihn zur verfügung steht ( alles nachm dunklen balken. )
Du meinst das leere Element mit der Klasse .maincontent? Ja, dieses Element beginnt ganz links -- denn nur die Inhalte (die es nicht gibt) weichen dem Float aus, nicht die gesamte Box. Bitte lies über Grundlagen zu Float nach. Little Boxes ist empfehlenswert.
Wenn du willst, dass .maincontent einen Abstand von links hat, dann gib einen an. Margin.

Zitat:
Die Seite soll auch kein Scrollbalken oder so haben.
Keine gute Idee. So ist deine Seite unzugänglich, wenn jemand einen kleineren Viewport hat, als du gerne hättest. Und das kommt sehr oft vor.


Zitat:
Was mich noch mehr wundert ist wieso der maincontent, bei angaben wie zb margin-top die komplette seite nach untenschiebt je nach angabe.
Stichwort: "Collapsing Margins". Die Suchfunktion sowohl hier als auch in Little Boxes liefert Information dazu.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 09.07.2013, 15:24
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 09.07.2013
Beiträge: 12
peyman befindet sich auf einem aufstrebenden Ast
Standard

ja aber maincontent hat ja kein float:left

wenn ich zb ja was reinschreibe setzt es auch direkt am linken dunklen balken an

nur wenn ich es positionieren will bewegt sich der ganze inhalt inkl. header

und wie gesagt das mit dem bild irritiert. weil der sollja nur im maincontent seien.
Mit Zitat antworten
  #4 (permalink)  
Alt 09.07.2013, 15:29
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.782
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 peyman Beitrag anzeigen
ja aber maincontent hat ja kein float:left
Der header hat float. .maincontent steht nicht neben dem header, sondern verhält sich, als wäre der header gar nicht da. Nochmal: Lies über Float nach.

Zitat:
wenn ich zb ja was reinschreibe setzt es auch direkt am linken dunklen balken an
Weil nur die Inhalte dem Float ausweichen, nicht aber die gesamte Box. Das schrieb ja bereits.
Mit Zitat antworten
  #5 (permalink)  
Alt 09.07.2013, 15:53
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 09.07.2013
Beiträge: 12
peyman befindet sich auf einem aufstrebenden Ast
Standard

hmm glaub ich habs hinbekommen.

könnt ihr mal ein blick drauf werfen ?
Mit Zitat antworten
  #6 (permalink)  
Alt 09.07.2013, 15:59
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.782
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

Jetzt hast du die gesamte Situation verändert. Dabei hättest du deinem .maincontent einfach nur einen linken margin zu geben brauchen.
Bitte mach das rückgängig, das geht so nicht. .maincontent hat jetzt float und width:100%. Wenn du nicht die Scrollbalken kaputtmachen würdest, würdest du sehen, dass das Element jetzt nach rechts außen übersteht. Das willst du doch bestimmt nicht.

Deine Seite ist unbenutzbar, wenn du das Menü fix positionierst und das Scrollen kaputtmachst.
Mit Zitat antworten
  #7 (permalink)  
Alt 09.07.2013, 16:18
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 09.07.2013
Beiträge: 12
peyman befindet sich auf einem aufstrebenden Ast
Standard

ich wollt ja keine scrollbalken.

Das, das bild etwas abgeschnitten ist , ist kein problem.

Wie krieg ich jetzt aber den text nach unten . also zentriert unten. ??? Praktisch da wo es jetzt ist nur halt am unteren rand.

Bin gerade dabei die beiden boxen zu erstellen wie aufm bild .
Mit Zitat antworten
  #8 (permalink)  
Alt 09.07.2013, 16:21
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 09.07.2013
Beiträge: 12
peyman befindet sich auf einem aufstrebenden Ast
Standard

ach jetzt versteh ich es.

ein align center nimmt er zwar an aber da es ja abgeschnitten wird ist natürlich das ganze nicht mittig.

also hab ma jetzt die positionierung fixed rausgenommen - maincontent hat kein float left mehr. und margin left auf 388px. Jetzt hab ich aber immer noch das problem das es abgeschnitten wird.

Könnt ihr mir sagen was ich zu machen hab ? bzw. was ich schreiben muss ? beiß mir da gerade die zähne dran aus

Geändert von peyman (09.07.2013 um 16:25 Uhr)
Mit Zitat antworten
  #9 (permalink)  
Alt 09.07.2013, 16:29
Benutzer
neuer user
 
Registriert seit: 18.06.2013
Beiträge: 76
vanDerb befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von peyman Beitrag anzeigen
ach jetzt versteh ich es.

ein align center nimmt er zwar an aber da es ja abgeschnitten wird ist natürlich das ganze nicht mittig.

also hab ma jetzt die positionierung fixed rausgenommen - maincontent hat kein float left mehr. und margin left auf 388px. Jetzt hab ich aber immer noch das problem das es abgeschnitten wird.

Könnt ihr mir sagen was ich zu machen hab ? bzw. was ich schreiben muss ? beiß mir da gerade die zähne dran aus

%-Angaben und Box-Model ändern
* { box-sizing: border-box } FTW - Paul Irish
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 09.07.2013, 16:32
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 09.07.2013
Beiträge: 12
peyman befindet sich auf einem aufstrebenden Ast
Standard

sorry ..... werd nicht so richtig schlau draus

soll ich nun jquery implentmentieren ? ich dacht mit ein paar css angaben wäre es erledigt
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
Navigation positionieren maybebabe CSS 4 08.04.2013 22:17
Ausrichtung Kalender greece4u CSS 20 14.05.2012 13:32
Inline Listenelement wird nicht richtig im background befüllt SteveB CSS 3 28.04.2011 20:41
Float-Reihenfolge? wolf1985 CSS 0 21.08.2008 01:35
Mozilla zeigt DIV zu oft an cracki CSS 6 09.03.2008 15:22


Alle Zeitangaben in WEZ +2. Es ist jetzt 16:05 Uhr.