Bild in Background lässt sich nicht positionieren

Bosc80 · Beitrag von **Bosc80** » 19.02.2015 01:05

Hallo,

ich verwende phpBB3 in Version 3.0.12 mit einem modifizierten Avalon Green Style.

Ich hätte gerne ein Bild in den Background eingefügt und es positioniert. Leider lässt sich die Position der Grafik nicht verändern.

Hier die Codes:

In der stylesheet.css:

Code: Alles auswählen

#logoimage {
   width: 340px;
   height: 146px;
   margin-left:40%;
   padding-top:100px;
   padding : 0;
}

In der overall_header.html:

Code: Alles auswählen

<!--Start Logo Einbindung-->
<a href="http://forum.so-bundesliga.de">
   <img id="logoimage" src="images/logo.png" />
</a>
<!--End Logo Einbindung-->

Am Ende kommt leider immer nur dieses Ergebnis dabei raus:

[ externes Bild ]

Das Bild ist links oben wie festgetackert und ich hab keine Ahnung wie ich das da wegbewegen kann.

Vielleicht kann mir jemand helfen.

Gruß Bosc

Beitrag von **Kirk** » 19.02.2015 09:44

Hallo
Wenn ich deinem Board sehe ich dieses Hintergrundbild zentriert.

Bosc80 · Beitrag von **Bosc80** » 19.02.2015 11:55

Ja das ist das Liveboard. Da sind Background und Logo in einem jpg verschmolzen. Die unschöne Holzhammermethode.

Ich hätts aber gerne getrennt um flexibler zu sein.

Gruß

Beitrag von **Crizzo** » 19.02.2015 12:40

Dann stell mal ein Live Beispiel online und den Code du was positinierst und welches Bild einbindest dazu

Bosc80 · Beitrag von **Bosc80** » 19.02.2015 13:39

Ok ich versuchs mal.

Also das ist das Liveboard http://forum.so-bundesliga.de. Bisher haben wir einfach sowohl Hintergrundbild, als auch Logo in ein jpg gepackt und einfach als page_bg.jpg eingebaut.
Nun möchte ich beides trennen und das Logo separat einbinden. Die hab ich mit den Codes in meinem ersten Post versucht und als Ergebnis kam eben das oben gepostete Bild raus. Die Einbindung hab ich dabei zwischen "body class" und "div id body" gemacht.

Die aktuellen Codes sind:

overall_header.html (Auszug):

Code: Alles auswählen

</head>
<body class="{S_CONTENT_DIRECTION}">



<div id="body">

<a name="top"></a>

<table border="0" cellspacing="0" cellpadding="0" width="{$CA_WIDTH}" id="maintable" align="center">
<tr>
    <td class="row-left" valign="top"></td>
	<td id="header" align="center" valign="top">
	    
<!-- <div id="logorow">
	        <div id="logo-left"><div id="logo-right">
		        <a href="{U_INDEX}">{SITE_LOGO_IMG}</a>
	        </div></div> -->
	    </div>

stylesheet.css:

Code: Alles auswählen

/* Layout
 ------------ */
* {
	/* Reset browsers default margin, padding and font sizes */
margin: 0;
	padding: 0;	


}

html {
	font-size: 100%;
}

body {
	/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	
color: #444;

	font-size: 10px;

  margin: 0 auto;

  padding: 0;

  background-color: #6c9c3b;

 background: url('images/page_bg.jpg') no-repeat 50% top;
}
#body-simple {
	background: #FFF;
	padding: 5px;





}
div#body { 
     
   

	top: 285px;
position: relative;
        border: 0px;
	margin: 0 auto;
	width: 1000px;
	min-height: 850px;
}

/* Misc stuff */
img {
	border: none;
}

.gen {
	margin: 1px 1px;
	font-size: 1.2em;
}

.genmed {
	margin: 1px 1px;
	font-size: 1.1em;
}

.gensmall {
	margin: 1px 1px;
	font-size: 1em;
}

.titles {
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 1.3em;
	text-decoration: none;
}

.error, table td .error {
	color: #4e7648;
}

.spacer {
	background: #9DBE99 url(images/cathead.gif) top left repeat-x;
}

hr	{ height: 0px; border: solid #AAC9AC 0px; border-top-width: 1px;}

.pagination {
	padding: 4px;
	font-size: 1em;
	font-weight: bold;
}

/* Links
 ------------ */
.rtl a {
	direction: rtl;
	unicode-bidi: embed;
}

a {


	color: #4e7648;
	text-decoration: none;
}

a:active,
a:visited {
	color: #4e7648;
	text-decoration: none;
}

a:hover {
	color: #056937;
	text-decoration: underline;
}

a.forumlink {
	font-weight: bold;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size: 1.5em;
}

a.topictitle {
	margin: 1px 0px;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 1.5em;
}

a.topictitle, .postbody a {
	color: #4e7648;
}
a.topictitle:visited, .postbody a:visited {
	color: #8EB288;
}
a.topictitle:visited:hover, .postbody a:visited:hover {
	color: #4e7648;
}
a.topictitle:hover, .postbody a:hover {
	color: #4e7648;
}

/* Header and logo */
#maintable {
	margin: 0 auto;
	background-color: #FFF;
}
#header, .row-left, .row-right { padding: 0; }


#logorow {
	background: url(images/logo_bg.gif) top left repeat-x;
	text-align: center;
	padding: 0;
}

#search-box {
	display:block;
	float:right;
	line-height:2;
	margin-top:15px;
	position:relative;
	text-align:right;
	white-space:nowrap;
}

#search-box fieldset {
	border-width:0;
}

#logo-left {
	
}
#logo-right {
	
	padding: 4px 15px 0 15px;
	text-align: left;
	overflow: hidden;
}

.pm-notify-new, .pm-notify-unread {
	border-left: solid 1px #9DC99F;
	border-right: solid 1px #8CBE8E;
	border-top: solid 1px #9DC99F;
	border-bottom: solid 1px #8CBE8E;
	background: #F0F6EE url(images/cell.gif) top left repeat-x;
	margin: 10px 0;
	padding: 10px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
}
.pm-notify-new a, .pm-notify-new a:visited, .pm-notify-unread a, .pm-notify-unread a:visited { text-decoration: underline; }
.pm-notify-header {
	margin-bottom: 10px;
	color: #4e7648;
}
.pm-notify-new { padding: 30px; }

/* Navigation buttons */
.navrow {
	background: url(images/buttons.gif) top left repeat-x; 
	height: 21px;
	overflow: hidden;
	color: #6fa268;
	text-align: center;
	font-size: 11px;
	padding-top: 4px;
}
/* * html .navrow { padding: 0; } */
.navrow b, .navrow strong { font-weight: normal; }
.navrow a, .navrow a:visited {
	color: #056937;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
}
.navrow a:hover { 
	color: #4e7648; 
	text-decoration: underline; 
}

a.link-new, a.link-new:visited { color: #4e7648; }
a.link-new:hover, a.link-new:visited:hover { color: #4e7648; }

/* footer */
.row-bottom { 
    padding: 0;
    overflow: hidden;
   
    height: 10px;
}
* html .row-bottom { font-size: 1px; line-height: 1px; }
.row-bottom div {
    height: 10px;
   
}
.row-bottom div div {

}

/* Content and tables */
#contentrow {
	padding: 8px;
}

.tablebg {
	border: solid 1px #BFD6C0; 
	background: #F0F6EE url(images/cell.gif) top left repeat-x;
}
.block-start .tablebg { 
    border-top-width: 0; 
    border-bottom-width: 0; 
    border-color: #5E8B5E;
}

.row1, .row2, .row3, .legend, .forumrules, tr.row1 .row, tr.row2 .row, tr.row3 .row, .postbottom {
	border-left: solid 1px #fff;
	border-right: solid 1px #AAC9AC;
	border-top: solid 1px #fff;
	border-bottom: solid 1px #AAC9AC;
	background: #F0F6EE url(images/cell.gif) top left repeat-x;
	padding: 4px;
}
th {
	color: #7FA77D; 
	font-size: 11px; 
	font-weight: bold;
	background: #F3F8F2 url(images/th.gif) top left repeat-x;
	white-space: nowrap;
	padding: 0 5px;
	text-align: center;
	height: 26px;
	border-left: solid 1px #fff;
	border-right: solid 1px #AAC9AC;
	border-top: solid 1px #fff;
	border-bottom: solid 1px #AAC9AC;
}
th a, th a:visited {
	color: #7FA77D !important;
	text-decoration: underline;
}
th a:hover {
	color: #4e7648;
	text-decoration: underline;
}

td {
	padding: 2px;
}
td.profile {
	padding: 4px;
}
.catdiv, .cat, .cathead {
	height: 24px;
	padding: 0 3px;
	border-left: solid 1px #A6C3A1;
	border-right: solid 1px #AAC9AC;
	border-top: solid 1px #6D9A6A;
	border-bottom: solid 1px #AAC9AC;
	background: #9FBF9E url(images/cathead.gif) top left repeat-x;
	color: #EEF7EE;
}

.cat, .cathead {
	text-indent: 4px;
}

.catdiv a, .cathead a, .cat a {
    color: #EEF7EE;
    text-decoration: underline;
}
.catdiv a:hover, .cathead a:hover, .cat a:hover {
    color: #fff;
    text-decoration: underline;
}


/* Table header */
caption, .cap-div { 
	margin: 0; 
	padding: 0;
	background: url(images/hdr_mid.gif) top left repeat-x;
	white-space: nowrap;
	height: 27px;
	text-align: left;
}
.cap-left {
	background: url(images/hdr_left.gif) top left no-repeat;
}
.cap-right {
	background: url(images/hdr_right.gif) top right no-repeat;
	padding-top: 6px;
	padding-left: 23px;
	height: 21px;
}
caption, caption h1, caption h2, caption h3, caption h4, caption span,
.cap-div, .cap-div h1, .cap-div h2, .cap-div h3, .cap-div h4, .cap-div span { 
	font-size: 12px;
	font-weight: bold;
	color: #EEF7EE;
}
caption h1, caption h2, caption h3, caption h4, caption span,
.cap-div h1, .cap-div h2, .cap-div h3, .cap-div h4, .cap-div span { 
	display: inline;
}
caption a, caption a:visited, .cap-div a, .cap-div a:visited {
	color: #EEF7EE;
	text-decoration: underline;
}
caption a:hover, .cap-div a:hover {
	color: #FFF;
	text-decoration: underline;
}

.block-start { background: url(images/ftr_mid.gif) bottom left repeat-x; }
.block-end-left { background: url(images/ftr_left.gif) top left no-repeat; }
.block-end-right { background: url(images/ftr_right.gif) top right no-repeat; }
.block-end-left, .block-end-right { height: 4px; overflow: hidden; padding: 0; }

/* Footer */
#wrapfooter {
	text-align: center;
	color: #CCC;
	padding-top: 10px;
}

.copyright {
	color: #7DA578;
	font-weight: normal;
	font-size: 9px;
	line-height: 1.2em;
}
.copyright a, .copyright a:visited {
	color: #AAC9AC;
	text-decoration: underline;
}
.copyright a:hover { color: #7DA578; }


/* Breadcrumbs */
.breadcrumb .row1 { 
    border-width: 1px 0 0 1px; 
    background: #F3F9F3;    
}
p.breadcrumbs {
	margin: 0;
	padding: 0;
	float: left;
	color: #8EB38B;
	font-weight: bold;
	white-space: normal;
	font-size: 1em;
}
.rtl p.breadcrumbs {
	float: right;
}

p.datetime {
	margin: 0;
	padding: 0;
	float: right;
	white-space: nowrap;
	font-size: 1em;
}

.rtl p.datetime {
	float: left;
}

/* Index/viewforum */
.subforum.read { 
	background: url(images/sub_old.gif) left no-repeat;
	padding-left: 12px;
}
.subforum.unread { 
	background: url(images/sub_new.gif) left no-repeat;
	padding-left: 12px;
}
.legend {
	text-align: center;
	margin: 0 auto;
	padding: 2px;
	border-top-color: #B3CFB7;
	border-left-color: #B3CFB7;
}
.legend-viewforum { 
	margin: 0; 
	text-align: left; 
	border-top-color: #B3CFB7;
	border-left-color: #B3CFB7;
}

.forumrules {
	padding: 4px;
	font-weight: normal;
	font-size: 1.1em;
	border-left: solid 1px #B9D3BC;
	border-right: solid 1px #AAC9AC;
	border-top: solid 1px #B9D3BC;
	border-bottom: solid 1px #AAC9AC;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
.forumrules h3 {
	color: #4e7648;
}

/* Post */
.postsubject {
	font-size: 12px;
	font-weight: bold;
	color: #7DA578;
}
td.postbottom { 
	background: #F4F9F3 url(images/profile.gif) top left repeat-x; 
	font-size: 10px;
	color: #88AD84;
	white-space: nowrap;
	padding: 2px 4px;
	vertical-align: middle;
	border-left: solid 1px #F0F7F0;
	border-top: solid 1px #F0F7F0;
	border-right: solid 1px #A8C4A7;
	border-bottom: solid 1px #A8C4A7;
}
td.postbuttons { padding-top: 3px; }
.postdetails { 
	color: #8EB088;
	font-size: 10px; 
	text-align: left;
}
.postdetails b {
	color: #8EB088;
}
.posterrank		{ font-size: 9px; color: #719E6E; }
.posterprofile	{ font-size: 10px; color: #7DA578; }

.postauthor {
	color: #7DA578;
	font-size: 12px;
	margin-bottom: 3px;
	font-weight: bold;
}
.postonline { margin-bottom: 2px; }

.postoffline { margin-bottom: 2px; }

.postreported, .postreported a:visited, .postreported a:hover, .postreported a, .postreported a:active {
	margin: 1px 0px;
	color: #4e7648;
	font-weight: bold;
}

.postapprove, .postapprove a:visited, .postapprove a:hover, .postapprove a, .postapprove a:active {
	color: #00FF00;
	font-weight: bold;
}

.postapprove img, .postreported img {
	vertical-align: bottom;
}

.postbody {
	font-size: 12px;
	line-height: 1.4em;
	margin: 3px 0;
}
.signature {
	font-size: 11px;
	color: #666;
	margin-top: 5px;
}
.signature .line { color: #AAC9AC; }

.postbody li, ol, ul {
	margin: 0 0 0 1.5em;
}

.rtl .postbody li, .rtl ol, .rtl ul {
	margin: 0 1.5em 0 0;
}

.posthilit {
	background-color: #AECAAA;
	color: #000;
}

.postsubject {
	font-size: 12px;
	font-weight: bold;
	color: #7DA578;
}

.postbody a { text-decoration: underline; }

/* UCP */
.folder-current a, .folder-current a:visited {
	color: #4e7648;
	font-weight: bold;
}
.folder-current a:hover { color: #4e7648; }

td.pm_marked_colour { background: #4e7648; }
td.pm_marked_colour_left { border-left: solid 3px #4e7648; padding-left: 2px; }
td.pm_marked_colour_right { border-right: solid 3px #4e7648; padding-right: 2px; }

td.pm_replied_colour { background: #7DA578; }
td.pm_replied_colour_left { border-left: solid 3px #7DA578; padding-left: 2px; }
td.pm_replied_colour_right { border-right: solid 3px #7DA578; padding-right: 2px; }

td.pm_friend_colour { background: #007700; }
td.pm_friend_colour_left { border-left: solid 3px #007700; padding-left: 2px; }
td.pm_friend_colour_right { border-right: solid 3px #007700; padding-right: 2px; }

td.pm_foe_colour { background: #DD3700; }
td.pm_foe_colour_left { border-left: solid 3px #DD3700; padding-left: 2px; }
td.pm_foe_colour_right { border-right: solid 3px #DD3700; padding-right: 2px; }


/* Form Elements
 ------------ */
form {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

textarea, select, .post, .btnbbcode, .btnmain, .btnlite, .btnfile, .helpline {
	font-weight: normal;
	font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
	color: #444;
	border: 1px solid #AAC9AC;
	background-color: #F2F8F2;
}
.cat .btnmain, .cat .btnlite, .cat select {
    color: #444;
    background-color: #BDD2BA;
    border-color: #52774E;
}

input {
	font-size: 1.1em;
	padding: 1px;
}
textarea {
	font-size: 1.3em; 
	line-height: 1.4em;
	padding: 2px;
}
select {
	font-size: 1.1em;
	padding: 1px;
}

option {
	padding: 0 1em 0 0;
}

.rtl option {
	padding: 0 0 0 1em;
}

.post {
	border-style: solid;
	border-width: 1px;
}

.btnbbcode {
	font-size: 1.1em;
	color: #7DA578;
	border: 1px solid #C7DDCA;
}
.btnbbcode:hover {
	border-color: #AAC9AC;
	color: #000;
}

.btnmain {
	font-weight: bold;
	cursor: pointer;
	padding: 1px 5px;
	font-size: 1.1em;
}

.btnlite {
	font-weight: normal;
	cursor: pointer;
	padding: 1px 5px;
	font-size: 1.1em;
}

.btnfile {
	font-weight: normal;
	padding: 1px 5px;
	font-size: 1.1em;
}

.helpline {
	background-color: transparent;
	color: #AAA;
	border-style: none;
}
#helpline { color: #AAA; }

* html textarea, * html select, * html .post, * html .btnmain, * html .btnlite, * html .btnfile {
	border-color: #AAC9AC;
}
* html .cat .btnmain, * html .cat .btnlite {
    border-color: #52774E;
}
textarea:hover, select:hover, .post:hover, .btnmain:hover, .btnlite:hover, .btnfile:hover {
	border-color: #83AB84;
}
textarea:focus, select:focus, .post:focus, .btnmain:focus, .btnlite:focus, .btnfile:focus {
	border-color: #608A61; 
	color: #000;
}
.cat .btnmain:hover, .cat .btnlite:hover, .cat select:hover {
    border-color: #375336;
}
.cat .btnmain:focus, .cat .btnlite:focus, .cat select:focus {
    border-color: #375336;
    color: #000;
}

label:hover { 
	color: #4e7648; 
}

textarea.posting-textarea, #ie8#fix {
    width: 98%;
}

/* BBCode
 ------------ */
.quotetitle, .attachtitle, .codetitle {
	margin: 10px 5px 0px 5px;
	padding: 2px 4px;
	border: solid 1px #C6DBC7;
	color: #7DA578;
	background-color: #EAF2E9;
	font-size: 0.85em;
	font-weight: bold;
}

.quotetitle .quotetitle {
	font-size: 1em;
}

.quotecontent, .attachcontent {
	margin: 0px 5px 10px 5px;
	padding: 5px;
	border-color: #C6DBC7;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	font-weight: normal;
	font-size: 1em;
	line-height: 1.4em;
/*	font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif; */
	background-color: #EFF7EE;
	color: #444;
}

.attachcontent {
	font-size: 0.85em;
}

.codecontent {
	direction: ltr;
	margin: 0px 5px 10px 5px;
	padding: 5px;
	border-color: #C6DBC7;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	font-weight: normal;
	font-size: 11px;
	font-family: Monaco, 'Courier New', monospace;
	background-color: #EFF7EE;
	color: #444;
}

.quotewrapper, .codewrapper, .attachwrapper {
	clear: both;
	margin: 10px 5px;
	background: #EAF2E9 url(images/code_header.gif) top left no-repeat;
	padding-left: 19px;
	border: solid 1px #C6DBC7;
	border-bottom-color: #AAC9AC;
	border-right-color: #AAC9AC;
}
.quotewrapper { background-image: url(images/quote_header.gif); }
.quotewrapper .quotetitle, .codewrapper .codetitle, .attachwrapper .attachtitle { 
	margin: 0; 
	border-width: 0 0 1px 1px;
}
.quotewrapper .quotecontent, .codewrapper .codecontent, .attachwrapper .attachcontent {
	margin: 0; 
	border-width: 0 0 0 1px;
}
.attachcontent, .codecontent {
	overflow: auto;
	overflow-x: auto;
}

.syntaxbg {
	color: #EFF7EE;
}

.syntaxcomment {
	color: #7DA578;
}

.syntaxdefault {
	color: #444;
}

.syntaxhtml {
	color: #5E8858;
}

.syntaxkeyword {
	color: #427F3B;
}

.syntaxstring {
	color: #598754;
}


/* More misc stuff */
h1 {
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	font-weight: bold;
	font-size: 1.8em;
	text-decoration: none;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.5em;
	text-decoration: none;
	line-height: 120%;
}

h3 {
	font-size: 1.3em;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 120%;
}

h4 {
	margin: 0px;
	font-size: 1.1em;
	font-weight: bold;
}

p {
	font-size: 1.1em;
}

p.moderators {
	margin: 0px;
	float: left;
	color: #7DA578;
	font-weight: bold;
}

.rtl p.moderators {
	float: right;
}

p.linkmcp {
	margin: 0px;
	float: right;
	white-space: nowrap;
}

.rtl p.linkmcp {
	float: left;
}

p.searchbar {
	padding: 2px 0;
	white-space: nowrap;
} 

p.searchbarreg {
	margin: 0px;
	float: right;
	white-space: nowrap;
}

.rtl p.searchbarreg {
	float: left;
}

p.forumdesc {
	padding-bottom: 4px;
}

p.topicauthor {
	margin: 1px 0px;
}

p.topicdetails {
	margin: 1px 0px;
}
td.history-current, tr.row1 td.history-current, tr.row2 td.history-current {
	background: #FFF;
}

table.colortable td {
	padding: 0;
}

pre {
	font-size: 1.1em;
	font-family: Monaco, 'Courier New', monospace;
}

.nowrap {
	white-space: nowrap;
}

.username-coloured {
	font-weight: bold;
}

#msg > li.row1 {
	display: block;
	list-style-type: none;
	margin: 0;
	height: auto;
	width:98%;
	float: left;
}

#msg > li.row2 {
	display: block;
	list-style-type: none;
	margin: 0;
	height: auto;
	width:98%;
	float: left;
}

#msg > li > dl{
	vertical-align: middle;
	width: 100%;
}

#msg > li > dl > dt{
	width: auto !important;
	white-space: nowrap;
	margin-right: 2px;
}

#msg > li > dl > dd > input{
	margin: 3px;
}

#msg > li > dl > dd#msgbody{
	display: inline;
	padding: 3px 0 1px 0px !important;
	vertical-align: middle;
	float:none !important;
}

#base_ul
{
	list-style:none;
	margin-left: 0;
}


.sep {
	color: #7DA578;
}


/* reset style for file input */
.btnfile, .btnfile:hover, .btnfile:focus { 
    border: none; 
    background-color: #FFF;
    color: #000;
}

Beitrag von **Kirk** » 19.02.2015 15:50

Vielleicht hilft dir das hier weiter: KB:logo30x

Bosc80 · Beitrag von **Bosc80** » 19.02.2015 16:05

Kirk hat geschrieben:Vielleicht hilft dir das hier weiter: KB:logo30x

Das nützt mir leider nichts, danke.

Ich konnts jetzt zwar einbauen, aber nun schiebts mir den kompletten Content runter. Jemand eine Idee wie ich den wieder höher bekomm?

Video-Tutorials für phpBB-Foren · Beitrag von **Lehrling** » 19.02.2015 16:09

Hallo,

Bosc80 hat geschrieben:Die Einbindung hab ich dabei zwischen "body class" und "div id body" gemacht.

Liegt es dann nicht außerhalb der Seite? Soll das so sein?
Probier mal das aus: füge in deinen Code fürs image position: absolute; ein. Vielleicht bewegt sich das Bild dann.
LG Beate

Bosc80 · Beitrag von **Bosc80** » 19.02.2015 16:18

Das Bild liegt jetzt da wo ichs haben möchte, aber den Rest schiebts mir nach unten. Ich find einfach die Einstellung um den Body hochzuschieben nicht.

Video-Tutorials für phpBB-Foren · Beitrag von **Lehrling** » 19.02.2015 16:37

EDIT: ich war zu schnell. Das Problem liegt eher hier:
Der Code für deinen body lautet

Code: Alles auswählen

div#body {     
   	top: 285px;
position: relative;
        border: 0px;
	margin: 0 auto;
	width: 1000px;
	min-height: 850px;
}

Ändere mal hier den Wert bei top. Mach mal aus 285px 85 px oder noch weniger.

phpBB.de

Bild in Background lässt sich nicht positionieren

Bild in Background lässt sich nicht positionieren

Re: Bild in Background lässt sich nicht positionieren

Re: Bild in Background lässt sich nicht positionieren

Re: Bild in Background lässt sich nicht positionieren

Re: Bild in Background lässt sich nicht positionieren

Re: Bild in Background lässt sich nicht positionieren

Re: Bild in Background lässt sich nicht positionieren

Re: Bild in Background lässt sich nicht positionieren

Re: Bild in Background lässt sich nicht positionieren

Re: Bild in Background lässt sich nicht positionieren