Autor |
Nachricht |
Fido67
Account gelöscht
Ort: -
|
Verfasst Fr 01.02.2008 10:23
Titel
|
|
|
NeoPhoenix hat geschrieben: |
1. Was genau macht das position: relative? Ich dachte zu solchen positionierungs-Befehlen muss auch immer noch ne Angabe wie Top, Right etc.
|
http://de.selfhtml.org/css/eigenschaften/positionierung.htm#position
Zuletzt bearbeitet von am Fr 01.02.2008 10:23, insgesamt 1-mal bearbeitet
|
|
|
|
|
NeoPhoenix
Threadersteller
Dabei seit: 07.06.2006
Ort: Cologne
Alter: 39
Geschlecht:
|
Verfasst Fr 01.02.2008 10:44
Titel
|
|
|
Hmmm naja ich lass es erst mal so wie es jetzt ist.
Hab jede Grafik in ein DIV gepackt, so verlier ich wenigstens nicht die Übersicht (außerdem hab ich auch nicht so Recht Ahnung was du gerade meinst. Meinst du Inline-CSS direkt in der HTML-Datei bei dem Bild oder was?).
Ich hatte versucht die Links in den Menüleisten durch vertikale Listen darzustellen aber das hat hinten und vorne nicht geklappt weil ich die Listenelemente nicht richtig formatieren konnte. Daher hat jetzt jeder "Button" nen eigenen DIV im Menü bekommen. Besser konnte ich es nicht lösen. (Zumal die "aktiven" Buttons ja noch jeweils einen linken und rechten Rand haben wie man in der Vorlage sehen kann und man diese dann auch einfach mit eigenen DIVs in dieses DIV positioniert.
Habe allerdings jetzt noch ein Problem:
Diese beiden Content-Kästen in der Mitte sollen je nach Inhalt nach unten erweitert werden. Ich habe jetzt zur Ansicht mal eine feste Höhe eingestellt, die den gesamten Blindtext einbindet. Schöner wäre es allerdings, wenn der Bereich sich mit dem Content erweitert.
Ich habe das folgendermaßen aufgebaut: Der Content-Hintergrund ist eine Linie mit 1px Breite und geht vom linken Rand des gesamten Feldes bis zum rechten Rand (es werden also automatisch immer beide Felder erweitert). In diesem Content_Main-DIV habe ich zwei weitere DIVs platziert - einen auf der linken Seite und einen auf der rechten Seite - um Text und Grafik anzuzeigen. Der Content_Main-DIV soll sich also jetzt dynamisch in der Höhe vergrößern, wenn sich die in ihm befindlichen DIVs wachsen oder schrumpfen.
Schaut euch einfach die Dateien an. Die Links zu der CSS-Datei ist immer noch gleich.
Ich hoffe auf weitere hilfreiche und qualifizierte Antworten! Ihr habt mir schon sehr geholfen .
|
|
|
|
|
Anzeige
|
|
|
Snifferdog
Dabei seit: 08.03.2007
Ort: Düsseldorf
Alter: 35
Geschlecht:
|
Verfasst Fr 01.02.2008 16:30
Titel
|
|
|
Also dafür musst du dann wiederum mit
position: absolute;
arbeiten ....
das ist allerdings alles jetzt nicht mehr so einfach, da diese Stückelung des Layouts das ganze relativ schwierig
macht.
Ich bekomms jetzt so auf die schnelle nicht hin, den Footer wieder unten dran zu hängen ... werde mich wenn ich Zeit
habe nochmal daran setzen .... und das Ding zusammen kloppen
Gruß
|
|
|
|
|
NeoPhoenix
Threadersteller
Dabei seit: 07.06.2006
Ort: Cologne
Alter: 39
Geschlecht:
|
Verfasst Fr 01.02.2008 16:47
Titel
|
|
|
Ach mach dir nur keinen Stress.
Ich kann das ganze auch mit einer absoluten Höhe lassen. Ist nicht so wichtig, da es sowieso nur für ein Schulprojekt ist (gibt zwar ne Note aber die wird auch ohne variable Höhe okay sein *g*).
Wäre halt nur für die Zukunft mal schön zu sehen wie sowas geht, aber wie gesagt: Du musst dir nicht so viel Arbeit machen .
|
|
|
|
|
Snifferdog
Dabei seit: 08.03.2007
Ort: Düsseldorf
Alter: 35
Geschlecht:
|
Verfasst So 03.02.2008 14:53
Titel
|
|
|
Also damit sich die Divs von der Länge her anpassen müsstest du deinen Code so ändern:
Code: |
#content_main {
position: absolute;
width: 918px;
background-image: url(img/content_main.png);
}
/* DIV für den linken Text-Content-Bereich */
#content_text {
position: relative;
float: left;
width: 400px;
height: auto;
margin-left: 35px;
margin-top: 4px;
}
/* DIV für den rechten Bild-Content-Bereich */
#content_graphic {
position: relative;
float: left;
width: 400px;
margin-left: 42px;
margin-top: 4px;
}
|
Allerdings funktioniert das mit dem Footer im Moment nicht ..
da müsstest du dann nochmal ein bisschen fummeln ..
Habe nur leider im Moment nicht genügend Zeit das zusammenzubasteln
Gruß
|
|
|
|
|
NeoPhoenix
Threadersteller
Dabei seit: 07.06.2006
Ort: Cologne
Alter: 39
Geschlecht:
|
Verfasst Sa 09.02.2008 14:12
Titel
|
|
|
Hey vielen Dank!
Vielleicht wird's ja die Tage noch .
edit: Das mit dem Footer ist wirklich ein Problem. Ich fuddel jetzt schon seit zwei stunden dran rum aber nix hilft.
edit2: DONE!
Zuletzt bearbeitet von NeoPhoenix am Sa 09.02.2008 17:44, insgesamt 2-mal bearbeitet
|
|
|
|
|
l3mon
Dabei seit: 26.07.2005
Ort: -5m
Alter: 58
Geschlecht:
|
|
|
|
|
lara_s
Dabei seit: 06.12.2006
Ort: BERLIN Kreuzberg
Alter: 46
Geschlecht:
|
Verfasst Mo 26.01.2009 00:59
Titel
|
|
|
ich bin auch ziemlich ratlos was meine divs angeht. ich will eigentlich nur zwei divs untereinander haben (was klappt) und das dritte daneben mit der oberkante auf der höhe des ersten, was nicht klappt, denn es klebt immer unter dem zweiten.
|
|
|
|
|
|
|
|
Ähnliche Themen |
div nebeneinander positionieren
[CSS] 4 DIVS nebeneinander
3 divs nebeneinander
[css] divs nebeneinander zentrieren
divs positionieren
3 Divs nebeneinander im Container auf einer Höhe?
|
|