mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 25.04.2024 04:00 Benutzername: Passwort: Auto-Login

Thema: CSS / Newbie / DIVs nebeneinander positionieren? vom 31.01.2008


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> CSS / Newbie / DIVs nebeneinander positionieren?
Seite: Zurück  1, 2, 3  Weiter
Autor Nachricht
Fido67
Account gelöscht


Ort: -

Verfasst Fr 01.02.2008 10:23
Titel

Antworten mit Zitat Zum Seitenanfang

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: Männlich
Verfasst Fr 01.02.2008 10:44
Titel

Antworten mit Zitat Zum Seitenanfang

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 Lächel.
  View user's profile Private Nachricht senden
Anzeige
Anzeige
Snifferdog

Dabei seit: 08.03.2007
Ort: Düsseldorf
Alter: 35
Geschlecht: Männlich
Verfasst Fr 01.02.2008 16:30
Titel

Antworten mit Zitat Zum Seitenanfang

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 *zwinker*

Gruß
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
NeoPhoenix
Threadersteller

Dabei seit: 07.06.2006
Ort: Cologne
Alter: 39
Geschlecht: Männlich
Verfasst Fr 01.02.2008 16:47
Titel

Antworten mit Zitat Zum Seitenanfang

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 *zwinker*.
  View user's profile Private Nachricht senden
Snifferdog

Dabei seit: 08.03.2007
Ort: Düsseldorf
Alter: 35
Geschlecht: Männlich
Verfasst So 03.02.2008 14:53
Titel

Antworten mit Zitat Zum Seitenanfang

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 *zwinker*

Gruß
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
NeoPhoenix
Threadersteller

Dabei seit: 07.06.2006
Ort: Cologne
Alter: 39
Geschlecht: Männlich
Verfasst Sa 09.02.2008 14:12
Titel

Antworten mit Zitat Zum Seitenanfang

Hey vielen Dank!

Vielleicht wird's ja die Tage noch *zwinker*.


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
  View user's profile Private Nachricht senden
l3mon

Dabei seit: 26.07.2005
Ort: -5m
Alter: 58
Geschlecht: Männlich
Verfasst Sa 09.02.2008 17:47
Titel

Antworten mit Zitat Zum Seitenanfang

wurde zwar schon x-mal gepostet - aber hier noch mal

position is everything

und
einmal erdgeschoss bitte
  View user's profile Private Nachricht senden
lara_s

Dabei seit: 06.12.2006
Ort: BERLIN Kreuzberg
Alter: 46
Geschlecht: Weiblich
Verfasst Mo 26.01.2009 00:59
Titel

Antworten mit Zitat Zum Seitenanfang

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.
  View user's profile Private Nachricht senden
 
Ä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?
Neues Thema eröffnen   Neue Antwort erstellen Seite: Zurück  1, 2, 3  Weiter
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.