mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 28.03.2024 09:49 Benutzername: Passwort: Auto-Login

Thema: Ist das mit einem Div möglich? vom 06.03.2008


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Ist das mit einem Div möglich?
Seite: 1, 2, 3, 4, 5, 6, 7, 8, 9  Weiter
Autor Nachricht
percy
Threadersteller

Dabei seit: 13.07.2005
Ort: Paderborn
Alter: 41
Geschlecht: Weiblich
Verfasst Do 06.03.2008 14:10
Titel

Ist das mit einem Div möglich?

Antworten mit Zitat Zum Seitenanfang

moin moin.

als erstes guckt euch einmal die seite der deftones an. bei der seite wurde mit Frames gearbeitet.
www.deftones.de [ACHTUNG MUSIK]
Es geht um den content-frame. so wie der angeordnet ist und seine eigenschaften.

und jetzt meine frage: ich frage mich ob es möglich ist einen div so zu positionieren das er von oben ein margin-top: 150px hat, zudem immer unten am Browser sitzt und sich bei vergrößerung/verkleinerung des Fensters automatisch anpasst.

wenn der inhalt länger wird soll er natürlich auch scrollbar sein. also im endeffekt so wie bei den deftones.

ist das möglcih? und wenn ja wie?

Gruß percy
  View user's profile Private Nachricht senden
pixelpapst303

Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht: Männlich
Verfasst Do 06.03.2008 14:21
Titel

Antworten mit Zitat Zum Seitenanfang

ich denke mit einem model ala faux column kombiniert mit einem overflow-y scroll / bottom 0 sollte das kein problem sein...

vielleicht kann man auf faux colums auch verzichten. ich probiers mal...


Zuletzt bearbeitet von pixelpapst303 am Do 06.03.2008 14:22, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Do 06.03.2008 14:28
Titel

Antworten mit Zitat Zum Seitenanfang

Die Theorie für moderne Browser sieht so aus:

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>...</title>
<style type="text/css">
   * {
      margin: 0;
      padding: 0;
   }
   html, body {
      height: 100%;
   }
   div#content {
      position: absolute;
      top: 150px;
      bottom: 0;
      left: 150px;
      
      background: #eee;
      overflow: auto;
      width: 500px;
   }
</style>
</head>
<body>
   <div id="content">
      Test Test Test Test Test Test Test Test Test Test Test Test
      Test Test Test Test Test Test Test Test Test Test Test Test
      Test Test Test Test Test Test Test Test Test Test Test Test
      Test Test Test Test Test Test Test Test Test Test Test Test
      Test Test Test Test Test Test Test Test Test Test Test Test
      Test Test Test Test Test Test Test Test Test Test Test Test
      Test Test Test Test Test Test Test Test Test Test Test Test
      Test Test Test Test Test Test Test Test Test Test Test Test
      Test Test Test Test Test Test Test Test Test Test Test Test
      Test Test Test Test Test Test Test Test Test Test Test Test
      Test Test Test Test Test Test Test Test Test Test Test Test
   </div>
</body>
</html>
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
pixelpapst303

Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht: Männlich
Verfasst Do 06.03.2008 14:31
Titel

Antworten mit Zitat Zum Seitenanfang

m hat geschrieben:
Theorie ... moderne


Menno!
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
percy
Threadersteller

Dabei seit: 13.07.2005
Ort: Paderborn
Alter: 41
Geschlecht: Weiblich
Verfasst Do 06.03.2008 14:36
Titel

Antworten mit Zitat Zum Seitenanfang

pixelpapst303 hat geschrieben:
m hat geschrieben:
Theorie ... moderne


Menno!


funzt das? Au weia!
  View user's profile Private Nachricht senden
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Do 06.03.2008 14:36
Titel

Antworten mit Zitat Zum Seitenanfang

pixelpapst303 hat geschrieben:
m hat geschrieben:
Theorie ... moderne


Menno!


*ha ha*
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
pixelpapst303

Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht: Männlich
Verfasst Do 06.03.2008 14:46
Titel

Antworten mit Zitat Zum Seitenanfang

percy hat geschrieben:
pixelpapst303 hat geschrieben:
m hat geschrieben:
Theorie ... moderne


Menno!


funzt das? Au weia!


Grins

wollte eher sagen, dass theorie und moderne hinsichtlich css und browser irgendwie schon eine uptopische welt ist. sofern die seite "massentauglich" sein soll *zwinker*
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Do 06.03.2008 14:51
Titel

Antworten mit Zitat Zum Seitenanfang

Code:
<!-- quirk -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>...</title>
<style type="text/css">
   * {
      margin: 0;
      padding: 0;
   }
   html, body {
      height: 100%;
      max-height: 100%;
      overflow: hidden;
   }
   div#content {
      position: absolute;
      top: 150px;
      bottom: 0;
      left: 150px;
      
      background: #eee;
      overflow: auto;
      width: 500px;
   }
   * html div#content {      
      border-top: 150px solid #fff;
      height: 100%;
      top: 0;
   }   
</style>
</head>
<body>
   <div id="content">
      Test Test Test Test Test Test Test Test Test Test Test Test
      Test Test Test Test Test Test Test Test Test Test Test Test
      Test Test Test Test Test Test Test Test Test Test Test Test
      Test Test Test Test Test Test Test Test Test Test Test Test
      Test Test Test Test Test Test Test Test Test Test Test Test
      Test Test Test Test Test Test Test Test Test Test Test Test
   </div>
</body>
</html>


Wäre eine Möglichkeit.

http://www.cssplay.co.uk/layouts/ die "fixed layouts" sind interessant für dich.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen css möglich
Newsletter - was ist möglich?
PDF ansteuern möglich?
PHP in XSL einbinden möglich ???
so ein Shopsystem möglich ?
Ist das mit Accordion möglich?
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2, 3, 4, 5, 6, 7, 8, 9  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.