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

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Mi 24.04.2024 12:55 Benutzername: Passwort: Auto-Login

Thema: body soll 100% aber 20px rand vom 31.03.2010


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> body soll 100% aber 20px rand
Seite: 1, 2  Weiter
Autor Nachricht
denise2302
Threadersteller

Dabei seit: 12.09.2006
Ort: Leipzig
Alter: 34
Geschlecht: Weiblich
Verfasst Mi 31.03.2010 12:59
Titel

body soll 100% aber 20px rand

 Antworten mit Zitat Zum Seitenanfang
Hallo!

Mein Titel ist sicher nicht so toll, aber genau so soll es sein Lächel

für eine kleine Introseite habe ich diese Idee:

background und border, aber am rand soll 20px frei bleiben, da noch ein hintergrund auf html angewandt wird.

so sieht das aus: http://denise2302.de.funpic.de/pics/fenster.jpg

Meine Idee war diese:

Code:

html { height: 100%-40px; padding: 20px; background: url(background.gif); }
body { width: 100%-40px; height: 100%; padding: 20px; border: 5px solid #000; background: #2a2a2a; color: #fff; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; }


Wie das aussieht, seht ihr ja auf dem Bild. Wie bekomme ich den body dazu bis nach unten zu gehen? horizontal klappts doch auch?! * Nee, nee, nee *
  View user's profile Private Nachricht senden
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mi 31.03.2010 13:15
Titel

Antworten mit Zitat Zum Seitenanfang
Einfach die width und height Angaben weglassen.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
denise2302
Threadersteller

Dabei seit: 12.09.2006
Ort: Leipzig
Alter: 34
Geschlecht: Weiblich
Verfasst Mi 31.03.2010 13:27
Titel

Antworten mit Zitat Zum Seitenanfang
mhmm geht auch nicht, der body ist nur so hoch wie der inhalt darin... aber er soll ja bis zum ende des browersfensters gehen...
  View user's profile Private Nachricht senden
escaPe

Dabei seit: 10.09.2007
Ort: <? include("home.htm") ?>
Alter: 112
Geschlecht: Männlich
Verfasst Mi 31.03.2010 13:49
Titel

Antworten mit Zitat Zum Seitenanfang
der body ist immer 100%

Weil der Body immer die größe des BrowserFensters + mehr Inhalt darstellt.


Was du wohl meinst ist ein <div> der im Browserfenster die höhe 100% - 20px an jeder Seite haben soll
(ein div hat immer die breite 100%)

Setz dein background.gif in den body tag

Zuletzt bearbeitet von escaPe am Mi 31.03.2010 13:50, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
denise2302
Threadersteller

Dabei seit: 12.09.2006
Ort: Leipzig
Alter: 34
Geschlecht: Weiblich
Verfasst Mi 31.03.2010 14:10
Titel

Antworten mit Zitat Zum Seitenanfang
das hab ich mir ja auch gedacht, dass der body das fenster ausfüllt, deswegen wollte ich es mit dem probieren und nicht mit einem div. und wie man auf dem bild sieht, passt sich der body aber jetzt auch an die höhe des inhalts an und nich ans browserfenster... auch nicht, wenn keine höhen- und breitenangaben vorhanden sind..

edit: egal was ich mache mein body verhält sich wie ein div * Keine Ahnung... *

das ist jetzt der code, den ich benutze:

Code:

* { margin: 0; padding: 0; }
html { padding: 20px; background: url(background.gif); }
body { padding: 20px; border: 5px solid #000; background: #2a2a2a; color: #fff; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; }

a { color: #fff; font-size: 10px; }


und mein html dokument ist auch ganz normal.... komisch....

Zuletzt bearbeitet von denise2302 am Mi 31.03.2010 14:16, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
escaPe

Dabei seit: 10.09.2007
Ort: <? include("home.htm") ?>
Alter: 112
Geschlecht: Männlich
Verfasst Mi 31.03.2010 14:20
Titel

Antworten mit Zitat Zum Seitenanfang
das Problem liegt darin das du deinem <HTML> eine Anweisung gibst aber dieser nicht befugt ist
eine zu erhalten.

So wie du das machst wird dein HTML zu einem Body degradiert und dein BODY zu einem DIV.

Du solltest die Anweisung für HTML rausnehmen und in dein Body ein Div packen und dann
nach einer Problemlösung für ein 100% hohes div suchen
  View user's profile Private Nachricht senden
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mi 31.03.2010 14:25
Titel

Antworten mit Zitat Zum Seitenanfang
escaPe hat geschrieben:
…


Totaler Schwachsinn, komplett.





Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
  xml:lang="de" lang="de">
  <head>
    <title>das denise</title>
   <style type="text/css">
      * {
         margin: 0;
         padding: 0;
      }
      html {
         background: #FFF;
         height: 100%;
      }
      body {
         background: #CCC;
         position: absolute;
         top: 20px;
         right: 20px;
         bottom: 20px;
         left: 20px;
      }
   </style>
  </head>
  <body>
     foo
  </body>
</html>


Zuletzt bearbeitet von m am Mi 31.03.2010 14:25, insgesamt 1-mal bearbeitet
  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 Mi 31.03.2010 14:30
Titel

Antworten mit Zitat Zum Seitenanfang
body war von haus aus noch nie 100% hoch.
body verhält sich wie jedes andere element und ist ohne angaben nur so groß wie der inhalt.
es ist leider etwas irreführend, da background color und ähnliche definitionen bei body sofort die komplette seite füllen.


wenn ihr allerdings mal firebug bemüht und das body element in ner normalen seite markiert, merkt ihr, dass es nicht wirklich 100% hoch ist.

siehe: http://scripts.martinjuhasz.de/html-css/body/

da muss schon ein workaround her

http://scripts.martinjuhasz.de/html-css/body/body.html


// gtmlpfz m mal wieder.

ach ja, html für bgs zu verwenden ist durchaus legitim

Zuletzt bearbeitet von choise am Mi 31.03.2010 14:31, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen HTML + CSS: Komischer Rand im BODY - Bug?
body {padding} und body{height:100%} möglich
div 20px nach rechts
wmode verschiebt Flash Video immer um 20px nach rechts
conditional body tag
js im body mit popup
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.

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