Div um ganze seite machen

Webdesign & Technik HTML & CSS
1

Wie kann ich hier ein div rum machen un dabei dann um den inhalt also die ganzen kästchen ein background machen ? (mag es nicht wenn allles lose ist )

Das ist die seite bei der ich es machen möchte …^^

Wie mache ich das

MFG

2

Wenn du einen Hintergrund für die ganze Seite haben willst, nimm doch einfach das Bodytag:

body{
  background: url(bild.jpg);
}
3

ne ich will aber nicht alles haben sondern nur um das in der mitte.:: So wie hier ff.vadmin61.crazywebspace.de/wbb … n-Stil.png

Da sind auch zwei bg

MFG

4

dann setz ein Div um die ganze Seite mit der id seite und weis ihm diesen Style zu:

#seite{
 background: url(bild.png);
 max-width: 800px; /* je nachdem wie breit es werden soll */
 margin-left: auto;
 margin-right: auto;
}
5

Irgendwie funktioniert das ganze nicht wie ich es will :astonished:

Ich kenn mich eigentlich garnicht mit divs aus versuche es aber immer und manchmal klapts aber hier nicht woe müsste ich die divs hinsetzen damits um die ganze seite geht ?

[code]<?php
/*

  • ----------------------------------------------------------------------------+
    | e107 website system
    |
    | ©Steve Dunstan 2001-2002
    | http://e107.org
    | jalist@e107.org
    |
    | Released under the terms and conditions of the
    | GNU General Public License (http://gnu.org).
    |
    | $Source: /cvsroot/e107/e107_0.7/e107_themes/crahan/theme.php,v $
    | $Revision: 1.10 $
    | $Date: 2005/12/14 19:28:52 $
    | $Author: sweetas $
    ±---------------------------------------------------------------------------+
    */

if (!defined(‘e107_INIT’)) { exit; }

// [multilanguage]
@include_once(e_THEME.“crahan/languages/”.e_LANGUAGE.".php");
@include_once(e_THEME.“crahan/languages/English.php”);

// [theme]
$themename = “CraHan”;
$themeversion = “1.0”;
$themeauthor = “Steve Dunstan [jalist]”;
$themeemail = "jalist@e107.org";
$themewebsite = “http://e107.org”;
$themedate = “29/01/2005”;
$themeinfo = “Based on the theme by CraHan at his homepage n00.be, design used with permission.”;
define(“STANDARDS_MODE”, TRUE);
$xhtmlcompliant = TRUE;
$csscompliant = TRUE;
define(“IMODE”, “lite”);
define(“THEME_DISCLAIMER”, “
”.LAN_THEME_1."");

$logo = “logo”.rand(1, 1);

// [layout]

$layout = “_default”;

$HEADER = "

{MENU=1}
{MENU=2}
{SITENAME} 
{SITELINKS}
";

$FOOTER = "



{SITEDISCLAIMER}

";

$NEWSSTYLE = "

{STICKY_ICON} {NEWSTITLE}
{NEWSDATE}
{NEWSBODY} {EXTENDED}

[ {NEWSAUTHOR} :: {NEWSCOMMENTS}{TRACKBACK} ]


";

define(“ICONSTYLE”, “float: left; border:0”);
define(“COMMENTLINK”, LAN_THEME_3);
define(“COMMENTOFFSTRING”, LAN_THEME_2);
define(“PRE_EXTENDEDSTRING”, "

[ “);
define(“EXTENDEDSTRING”, LAN_THEME_4);
define(“POST_EXTENDEDSTRING”, " ]
”);
define(“TRACKBACKSTRING”, LAN_THEME_5);
define(“TRACKBACKBEFORESTRING”, " :: ");

// [linkstyle]

define(‘PRELINK’, “”);
define(‘POSTLINK’, " ::");
define(‘LINKSTART’, ":: ");
define(‘LINKSTART_HILITE’, ":: ");
define(‘LINKEND’, “”);
define(‘LINKDISPLAY’, 1);
define(‘LINKALIGN’, “left”);

// [tablestyle]

function tablestyle($caption, $text, $mode)
{
echo “

{$caption}
\n{$text}\n

\n”;
}

$COMMENTSTYLE = "

{COMMENT} {COMMENTEDIT}

[ ".LAN_THEME_6." {USERNAME} :: {TIMEDATE} ]


";

$CHATBOXSTYLE = "

{USERNAME}

{MESSAGE}

";

?>[/code]

MFG

6

Versuchs mal so:

[code]<?php
/*

  • ----------------------------------------------------------------------------+
    | e107 website system
    |
    | ©Steve Dunstan 2001-2002
    | http://e107.org
    | jalist@e107.org
    |
    | Released under the terms and conditions of the
    | GNU General Public License (http://gnu.org).
    |
    | $Source: /cvsroot/e107/e107_0.7/e107_themes/crahan/theme.php,v $
    | $Revision: 1.10 $
    | $Date: 2005/12/14 19:28:52 $
    | $Author: sweetas $
    ±---------------------------------------------------------------------------+
    */

if (!defined(‘e107_INIT’)) { exit; }

// [multilanguage]
@include_once(e_THEME.“crahan/languages/”.e_LANGUAGE.".php");
@include_once(e_THEME.“crahan/languages/English.php”);

// [theme]
$themename = “CraHan”;
$themeversion = “1.0”;
$themeauthor = “Steve Dunstan [jalist]”;
$themeemail = "jalist@e107.org";
$themewebsite = “http://e107.org”;
$themedate = “29/01/2005”;
$themeinfo = “Based on the theme by CraHan at his homepage n00.be, design used with permission.”;
define(“STANDARDS_MODE”, TRUE);
$xhtmlcompliant = TRUE;
$csscompliant = TRUE;
define(“IMODE”, “lite”);
define(“THEME_DISCLAIMER”, “
”.LAN_THEME_1."");

$logo = “logo”.rand(1, 1);

// [layout]

$layout = “_default”;

$HEADER = "

{MENU=1}
{MENU=2}
{SITENAME} 
{SITELINKS}
";

$FOOTER = "



{SITEDISCLAIMER}
";

$NEWSSTYLE = "

{STICKY_ICON} {NEWSTITLE}
{NEWSDATE}
{NEWSBODY} {EXTENDED}

[ {NEWSAUTHOR} :: {NEWSCOMMENTS}{TRACKBACK} ]


";

define(“ICONSTYLE”, “float: left; border:0”);
define(“COMMENTLINK”, LAN_THEME_3);
define(“COMMENTOFFSTRING”, LAN_THEME_2);
define(“PRE_EXTENDEDSTRING”, "

[ “);
define(“EXTENDEDSTRING”, LAN_THEME_4);
define(“POST_EXTENDEDSTRING”, " ]
”);
define(“TRACKBACKSTRING”, LAN_THEME_5);
define(“TRACKBACKBEFORESTRING”, " :: ");

// [linkstyle]

define(‘PRELINK’, “”);
define(‘POSTLINK’, " ::");
define(‘LINKSTART’, ":: ");
define(‘LINKSTART_HILITE’, ":: ");
define(‘LINKEND’, “”);
define(‘LINKDISPLAY’, 1);
define(‘LINKALIGN’, “left”);

// [tablestyle]

function tablestyle($caption, $text, $mode)
{
echo “

{$caption}
\n{$text}\n

\n”;
}

$COMMENTSTYLE = "

{COMMENT} {COMMENTEDIT}

[ ".LAN_THEME_6." {USERNAME} :: {TIMEDATE} ]


";

$CHATBOXSTYLE = "

{USERNAME}

{MESSAGE}

";

?>[/code]
Und halt ins CSS den Code von vorhin einfügen

7

Passiert nicht :frowning: Komischer style :astonished:

… was könnte man noch versuchen ?

MFFG

8

Änder das Style wie folgt ab: (vorher Sicherheitskopie machen!!!)

#wrapper { margin:10px auto; width:954px; }
ersetzen durch:

#wrapper { margin:10px auto; width:954px; background: url(bild.png); /* dein Hintergrund */ }

und

#main { float:left; text-align:left; width:580px; }
durch

#main { margin-left:187px; text-align:left; width:580px; }

Wenn ich das mit firebug mache, kommt bei mir das gewünschte Ergebnis raus.

9

HABS ALLEINE GESCHAFT !! stolz bin
eifnach deine lösung und padding jezt muss ich nur noch irgendwie das padding von oben weg kriegen aber ich find die stelle nicht wo das gemacht wird :ps:

das blöde ist ngamers.bplaced.net/wii/e107_plu … tats.php?1 da guckt einfach die leiste raus :astonished:

10

Habs nun geschaft aber ich wollte wissen wie ich richtig cleare ?

11

nur zur info:
padding kann man noch rundherum beeinflussen: style=“padding:15px 0 0 15px;” wenn dir das weiterhelfen könnte.

12

Danke :slight_smile: Hab aber schon alles Sihe ngamers.ath.cx/wii/ :ps:

MFG

13

Das freut mich. Dann sihe meinen Vorschlag als nichtig an.

ps: Was ist das für ein “url-Link” ?