|
|||
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 |
Sponsored Links |
|
|||
Zitat:
Wenn du willst, dass .maincontent einen Abstand von links hat, dann gib einen an. Margin. Zitat:
Zitat:
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
Sponsored Links |
|
|||
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. |
|
|||
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:
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
|
|||
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.
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
|
|||
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 . |
|
|||
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 17:25 Uhr) |
|
|||
Zitat:
%-Angaben und Box-Model ändern * { box-sizing: border-box } FTW - Paul Irish |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Navigation positionieren | maybebabe | CSS | 4 | 08.04.2013 23:17 |
Ausrichtung Kalender | greece4u | CSS | 20 | 14.05.2012 14:32 |
Inline Listenelement wird nicht richtig im background befüllt | SteveB | CSS | 3 | 28.04.2011 21:41 |
Float-Reihenfolge? | wolf1985 | CSS | 0 | 21.08.2008 02:35 |
Mozilla zeigt DIV zu oft an | cracki | CSS | 6 | 09.03.2008 16:22 |