mediengestalter.info
Datenschutzerklärung
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Sa 27.04.2024 11:19 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: Zurück  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 16:06
Titel

Antworten mit Zitat Zum Seitenanfang
im prinzip brauch ich das hier:
http://www.cssplay.co.uk/layouts/bodyfix.html


So Katze ausm Sack! Es geht um diese seite hier:
btw: Ich bin kein Programmierer *zwinker*
www.randomiam.de/2008/

könnt ihr das mal durch testen?

hab den ersten vorschlag gerade mal eingebaut.
problem: der zerschießt mir meine styles.

siehe NEWS - DISCO
news mit neuem template
disco mit meinem alten...

die abstände sind kaputt *Schnief*
  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 16:13
Titel

Antworten mit Zitat Zum Seitenanfang
* Keine Ahnung... * news und disco sehen bei mir völlig gleich aus... und ie macht auch keinen scrollbalken im content. welche sache hast du da denn nu eingebaut. lass mich raten ms variante für die moderne, richtig?

@m - border-top 150px; auf die idee bin ich ja nu überhaupt nicht gekommen. cool!!!
  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 16:31
Titel

Antworten mit Zitat Zum Seitenanfang
pixelpapst303 hat geschrieben:
@m - border-top 150px; auf die idee bin ich ja nu überhaupt nicht gekommen. cool!!!


Ich auch nicht *zwinker*


Percy, gerade keine Zeit das großartig zu kommentieren, aber in etwa so müßte das laufen.
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>percy</title>
<style type="text/css">
   * {
      margin: 0;
      padding: 0;
   }
   html {
      height:100%;
      max-height:100%;
      /* hide overflow:hidden from IE5/Mac */
      /* \*/
      overflow: hidden;
      /* */
   }   
   body {
      height:100%;
      max-height:100%;
      overflow:hidden;
   }
   div#top {
      background: #ccc;
      height: 150px;
      position: absolute;
      width: 100%;
      z-index: 100;
   }
   div#content {
      position: absolute;
      top: 150px;
      bottom: 0;
      left: 150px;
      
      background: #eee;
      overflow: auto;
      width: 500px;
   }
   * html div#content {      
      border-top: 150px solid #f00;
      height: 100%;
      top: 0;
   }   
</style>
</head>
<body>
   <div id="top">Du mußt deine Hintergrundgrafik in zwei Teile teilen, oben 150px wegnehmen und als Hintergrund
   für div#top nutzen, den unteren Teil der Hintergrundgrafik nutzt du weiterhin im body aber positionierst ihn
   mit 150px Abstand nach oben.</div>
   <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
   </div>
</body>
</html>
  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 16:53
Titel

Antworten mit Zitat Zum Seitenanfang
pixelpapst303 hat geschrieben:
* Keine Ahnung... * news und disco sehen bei mir völlig gleich aus... und ie macht auch keinen scrollbalken im content. welche sache hast du da denn nu eingebaut. lass mich raten ms variante für die moderne, richtig?

@m - border-top 150px; auf die idee bin ich ja nu überhaupt nicht gekommen. cool!!!


neee sehen die nciht.. check mal die überschriften... das ist nen abstand zum fliesstext.
  View user's profile Private Nachricht senden
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Do 06.03.2008 16:58
Titel

Antworten mit Zitat Zum Seitenanfang
Code:
<h1>DISCOGRAPHY</h1><div class="txt-img">...</div>


Code:
<div class="txt-img"><h1>News</h1>...</div>


Zuletzt bearbeitet von m am Do 06.03.2008 17:04, insgesamt 2-mal bearbeitet
  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 17:01
Titel

Antworten mit Zitat Zum Seitenanfang
m hat geschrieben:
Code:
<h1>DISCOGRAPHY</h1><div class="txt-img">...</div>


Code:
<div class="txt-img"><h1>News</h1>...</div>


???
  View user's profile Private Nachricht senden
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Do 06.03.2008 17:04
Titel

Antworten mit Zitat Zum Seitenanfang
Code:
<h1>DISCOGRAPHY</h1><div class="txt-img">...</div>


Code:
<div class="txt-img"><h1>News</h1>...</div>


Unterschiedliche Quelltexte. CSS dazu habe ich jetzt nur einen kurzen Blick darauf geworfen.
Setz mal die Außenabstände für die Elemente auf 0.
Code:
h1 {
   margin:0;
}
div.txt-img p {
   margin:0;
}


Oder aber setze alle Außenabstände auf 0

Code:
* {
   margin: 0;
}


Zum Thema, Google: CSS Browser Reset
  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 17:06
Titel

Antworten mit Zitat Zum Seitenanfang
hmm.. ich teste das mal durch.
aber erst heute abend. muss weitermachen...

Danke schonmal Grins

Zuletzt bearbeitet von percy am Do 06.03.2008 17:06, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
 
Ä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: Zurück  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.

Mediengestalter.info ist ein Projekt von Webformatik :: Forensoftware: phpBB