mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 18.04.2024 20:03 Benutzername: Passwort: Auto-Login

Thema: Drei DIVs in einem DIV vom 23.04.2010


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Drei DIVs in einem DIV
Seite: 1, 2  Weiter
Autor Nachricht
madjoo
Threadersteller

Dabei seit: 20.06.2009
Ort: -
Alter: -
Geschlecht: -
Verfasst Fr 23.04.2010 11:47
Titel

Drei DIVs in einem DIV

Antworten mit Zitat Zum Seitenanfang

Folgende Problemstellung:

Ich habe einen DIV-Container, in dem drei weitere DIVs übereinander erscheinen sollen.

Etwa so:
<divmain>
<div1>kopf</>
<div2>inhalt</>
<div3>fuss</>
</divmain>

div1 und div3 sollen 40px hoch sein, div1 am obersten rand, div3 am untersten rand. div2 soll dazwischen erscheinen und in der höhe variabel sein.

eigentlich nichts schwieriges, aber irgendwie bekomm ich's nicht hin.

könnt ihr mir weiter helfen?


grüße marco
  View user's profile Private Nachricht senden
Smooth-Graphics

Dabei seit: 22.05.2006
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Fr 23.04.2010 11:53
Titel

Antworten mit Zitat Zum Seitenanfang

Weil dein Code falsch ist:

Code:

<div id="main">
<div id="1">kopf</div>
<div id="2">inhalt</div>
<div id="3">fuss</div>
</div>


Code:

div#main{
width: auto;
height: auto;
}

div#1{
height: 40px;
top: 40px;
}
div#2{
height: auto;
}
div#3{
height: 40px;
bottom: 0px;
}
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
top
Moderator

Dabei seit: 25.11.2003
Ort: Hedwig Holzbein
Alter: 52
Geschlecht: Männlich
Verfasst Fr 23.04.2010 11:57
Titel

Antworten mit Zitat Zum Seitenanfang

Wen du mit unterem Rand den Browserrand meinst, ist das gar nicht mal so einfach wie es sich anhört. Vielleicht hilft dir die Intensivstation weiter.

Zuletzt bearbeitet von top am Fr 23.04.2010 11:58, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
bacon

Dabei seit: 24.10.2007
Ort: -
Alter: -
Geschlecht: -
Verfasst Fr 23.04.2010 12:00
Titel

Antworten mit Zitat Zum Seitenanfang

Smooth-Graphics hat geschrieben:
Weil dein Code falsch ist:


<div id="main">
<div id="1">kopf</div>
<div id="2">inhalt</div>
<div id="3">fuss</div>
</div>


Das kannst du gar nicht wissen. HTML-Dokumente als SGML-Instanzen erlauben durchaus </> als "End-Tag".

=> http://de.wikipedia.org/wiki/SGML-Element


Zuletzt bearbeitet von bacon am Fr 23.04.2010 12:01, insgesamt 2-mal bearbeitet
  View user's profile Private Nachricht senden
madjoo
Threadersteller

Dabei seit: 20.06.2009
Ort: -
Alter: -
Geschlecht: -
Verfasst Fr 23.04.2010 12:03
Titel

Antworten mit Zitat Zum Seitenanfang

Schon mal danke für eure schnelle Hilfe! Werd's mir gleich mal anschauen.

Smooth-Graphics hat geschrieben:
Weil dein Code falsch ist:

<div id="main">
<div id="1">kopf</div>
<div id="2">inhalt</div>
<div id="3">fuss</div>
</div>


^-- Das war nur zum Verständnis gedacht. Lächel


Zuletzt bearbeitet von madjoo am Fr 23.04.2010 12:03, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
Smooth-Graphics

Dabei seit: 22.05.2006
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Fr 23.04.2010 12:50
Titel

Antworten mit Zitat Zum Seitenanfang

bacon hat geschrieben:
Das kannst du gar nicht wissen. HTML-Dokumente als SGML-Instanzen erlauben durchaus </> als "End-Tag".
=> http://de.wikipedia.org/wiki/SGML-Element


Ich weiß, aber es sind def. keine <div1> Elemente erlaubt. *zwinker*
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
choise

Dabei seit: 01.02.2007
Ort: Würzburg
Alter: 35
Geschlecht: Männlich
Verfasst Fr 23.04.2010 13:09
Titel

Antworten mit Zitat Zum Seitenanfang

kommt immer auf den doctype an *Thumbs up!* *ha ha*
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Fr 23.04.2010 13:32
Titel

Antworten mit Zitat Zum Seitenanfang

Eine CSS Id darf/sollte nicht mit einer Zahl beginnen.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen CSS: drei <div>-tags ausrichten
Drei Bilder in DIV-Tag oben ausrichten?
Drei Punkte für Corel 12 ? - CD + RGB + EPS = farbenblind
[Hilfe] Javascript Rollover mit drei Bildern
Drei Div-Container nebeneinander- nur das innere skalierbar?
Photoshop: Mehr als zwei (drei) Farben?
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  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.