News - Features - Downloads - Forum - Team - Support - Switch View: Screen
Login - Registrierung - Passwort vergessen

Antworten: 17
Seite [1]
X-Style


Rock the board




Beiträge: 58
# Thema - 15.12.2007 um 19:14 Uhr
Hey..

Ich hätte gerne das sich mein hintergrund bis zum footer durchzieht....<von header bis footer ein 1005px x 4px großer hintergrund>

#mainbg {
background-image: url(images/mainbg.gif);
width: 1005px;
}


Wenn ich das so mache gehts irgendwie nich:
<div id="head"></div> blablabla
<div id="mainbg">
<div id="navleft">blablabbla.......</div


<div id="content">{.........blalabla}</div>


</div>


Ein background-repeat hat auch nicht geholfen

Also bei der #mainbg hab ich im css angegeben das des 1005px breit ist und mein hintergrund-image mainbg.gif(wie oben steht)

Doch warum ist der hintergrund nicht sichtbar????? Im editor seh ich ihn nur 10px oder so....im Browser dann gar nix

Könnt ich das Problem mit einer <table> lösen? das heißt dann als table background mein bg nehmen?

Danke schon im vorraus....


------------------


Zuletzt editiert von X-Style am 15.12.2007 um 19:16 Uhr (2x Editiert)
Inaktiv
ven0m


Going for pro




Herkunft: Essen
Beiträge: 406
# Antwort: 1 - 15.12.2007 um 20:21 Uhr
versuch doch einfach den background direkt im body zu setzen ... so hab ich das problem damals gelöst


------------------
Gruß
ven0m

Inaktiv
|
X-Style
Thread-Ersteller


Rock the board




Beiträge: 58
# Antwort: 2 - 15.12.2007 um 20:25 Uhr
Mmmmh..... Erstmal Danke für deine Hilfe

Doch so bekomm ich die Seite nicht in die Mitte und den Header müsste ich dann mit in die body nehmen..
Das geht leider nicht


------------------


Inaktiv
|
taM*


Geekboy




Beiträge: 1055
# Antwort: 3 - 15.12.2007 um 20:58 Uhr
mach doch einen container der page heißt und setz dort deine ganze divs rein... der page gibst du dein hintergrund und setzt margin:auto; um es zu zentrieren

Edit: ahja und setz mal height:100%; vielleicht hilft es


Zuletzt editiert von taM* am 15.12.2007 um 20:59 Uhr (1x Editiert)
Inaktiv
|
X-Style
Thread-Ersteller


Rock the board




Beiträge: 58
# Antwort: 4 - 15.12.2007 um 21:01 Uhr
Jab ich ja...Das funktioniert, doch ist mein Footer und mein Header abgerundet und dann guckt das da raus... sieht nicht so toll aus


Muss ich wohl doch eine Tabelle machen

edit: height:100%; hilft auch nicht


------------------


Zuletzt editiert von X-Style am 15.12.2007 um 21:02 Uhr (1x Editiert)
Inaktiv
|
taM*


Geekboy




Beiträge: 1055
# Antwort: 5 - 15.12.2007 um 21:18 Uhr
kannste nichmal ein screen zeigen?


Inaktiv
|
X-Style
Thread-Ersteller


Rock the board




Beiträge: 58
# Antwort: 6 - 15.12.2007 um 21:25 Uhr
Hier mal ein Screen von meiner idee....




Edit:

Ich dachte das ich einen 4px großen Steifen als mainbg nehmen kann und dass der sich das komplett durchzieht, doch er wird gar nicht angezeigt Oo???? mmmmh..... ich hab keine Ahnung wieso

Wie ich es gemacht hab seht ihr ja im ersten Post

Mfg X-Style


------------------


Zuletzt editiert von X-Style am 15.12.2007 um 21:28 Uhr (1x Editiert)
Inaktiv
|
Fr33z3m4n ClanSphere Team


Medal of Honor




Herkunft: Hamm
Beiträge: 11094
# Antwort: 7 - 16.12.2007 um 11:02 Uhr
<div id="container"> // Die komplette Page mit attribute margin: 0 auto; für center
<div id="header"></div> // Der normale Header
<div id="content_container"> // Der Container für die komplette mitte, inkl deinem mainbg, width: feste breite, height: auto;
<div id="nav_left"></div> // Navliste links
<div id="content"></div> // Content Bereich
</div>
</div>

so, das wäre so ein leichter aufbau, wo du deinen Background mitziehen kannst. Sollte es auf anhieb nicht klappen, musst du background-repeat reinpacken usw.



------------------
mfg
Patrick "Fr33z3m4n" Jaskulski

Antoine de Saint-Exupéry: Wenn Du ein Schiff bauen willst, so trommle nicht Männer zusammen, um Holz zu beschaffen, Aufgaben zu verteilen, sondern lehre die Männer die Sehnsucht nach dem endlosen weiten Meer.

Inaktiv
|
X-Style
Thread-Ersteller


Rock the board




Beiträge: 58
# Antwort: 8 - 16.12.2007 um 14:44 Uhr
Vielen Dank für eure tolle Hilfe
Kann ich alles nachvollziehen. Doch eine Frage habe ich noch:
Ich hab bis jetzt noch nir mit Containern gearbeitet.

wie brige ich das ins Css??? so ? #container { das was du sagtst was rein muss
}

So? also nichts anderes wie jede andere id??? und mann nennt es nur Container, weils kein "Inhalt" hat?


------------------


Inaktiv
|
sgraewe ClanSphere Team

Supporter
Supporter




Beiträge: 6116
# Antwort: 9 - 16.12.2007 um 15:19 Uhr
du kannst es nennen wie du willst das war nur ein beispiel

und ja genau so musste das indeine css reinschreiben


Inaktiv
|
X-Style
Thread-Ersteller


Rock the board




Beiträge: 58
# Antwort: 10 - 29.12.2007 um 22:03 Uhr
So, nachdem ich dieses Problem beiseite geschoben habe und den Rest kompleet gemacht habe bin ich wieder hier ^^

Also das selbe Problem schon wieder

Clansphere.css
 
1.
2.
3.
4.
5.
6.
7.
8.
9.
1. / 2. / ... 
 #main {
    
width:1005px;
    
margin:0 auto;
}
#container {
    
width:1005px;
    
height:auto;
    
background-image:url(images/mainbg.png);
}


Index.htm
 
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
1. / 2. / ... 
 <div id="main">
  <
div id="head"></div>
   <
div id="counterbar"></div>
<
div id="container">
  <
div id="nav-left"></div>
  <
div id=top-nav1-3></div>
  <
div id="content">{func:show}</div>
</
div>
<
div id="footer"></div>
</
div>


Ich kann einfach keinen Fehler erkennen, doch trotzdem funktioniert es nicht

Das sehe ich mit Mozialla :

und so will ich es:

Danke für eure Hilfe

//Edit

Biite nicht über das Design urteilen ist noch in Arbeit


------------------


Zuletzt editiert von X-Style am 29.12.2007 um 22:04 Uhr (1x Editiert)
Inaktiv
|
mId3


Try to beat me




Beiträge: 128
# Antwort: 11 - 29.12.2007 um 22:36 Uhr
probiere mal mit:
background-image:url(images/mainbg.png) repeat-y;


Inaktiv
|
X-Style
Thread-Ersteller


Rock the board




Beiträge: 58
# Antwort: 12 - 29.12.2007 um 23:02 Uhr
Hilft keider nichts,
aber trotzdem Danke



------------------


Inaktiv
|
reVerB


Geekboy




Beiträge: 1237
# Antwort: 13 - 30.12.2007 um 04:22 Uhr
Nimm mal statt:
 
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
1. / 2. / ... 
 <div id="main">
  <
div id="head"></div>
   <
div id="counterbar"></div>
<
div id="container">
  <
div id="nav-left"></div>
  <
div id=top-nav1-3></div>
  <
div id="content">{func:show}</div>
</
div>
<
div id="footer"></div>
</
div>


mal das hier:
 
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
1. / 2. / ... 
 <div id="main">
  <
div id="head"></div>
   <
div id="counterbar"></div>
<
div id="container">
  <
div id="nav-left"></div>
  <
div id=top-nav1-3></div>
  <
div id="content">{func:show}</div>
</
div>
<
div style="clear: both;"></div>
<
div id="footer"></div>
</
div>


Das sollte helfen.

Außerdem setze mal in alle Container, die ohne Grafik und Hintergrundfarbe sind mal das Attribut:
background-color: transparent;

Ich habe die Erfahrung gemacht, das alle Container, die keine Grafik/Farbe zugewiesen bekommen haben, immer in der Hintergrundfarbe des Body-Tags angenommen haben. Das machen die Designs aber auch erst, wenn du sie in Clansphere einfügst.


Zuletzt editiert von reVerB am 30.12.2007 um 04:24 Uhr (1x Editiert)
Inaktiv
|
Fr33z3m4n ClanSphere Team


Medal of Honor




Herkunft: Hamm
Beiträge: 11094
# Antwort: 14 - 30.12.2007 um 04:48 Uhr
Ich habe die Erfahrung gemacht, das alle Container, die keine Grafik/Farbe zugewiesen bekommen haben, immer in der Hintergrundfarbe des Body-Tags angenommen haben. Das machen die Designs aber auch erst, wenn du sie in Clansphere einfügst.

richtig, weil in der clansphere.css folgendene Attribute vorhanden sind

div, span { background-color: inherit; }


------------------
mfg
Patrick "Fr33z3m4n" Jaskulski

Antoine de Saint-Exupéry: Wenn Du ein Schiff bauen willst, so trommle nicht Männer zusammen, um Holz zu beschaffen, Aufgaben zu verteilen, sondern lehre die Männer die Sehnsucht nach dem endlosen weiten Meer.

Inaktiv
|
X-Style
Thread-Ersteller


Rock the board




Beiträge: 58
# Antwort: 15 - 30.12.2007 um 12:55 Uhr
VIELEN DANK !!!!!!!!!!! Es hat mir echt geholfen

Nun kommen ich endlich zu dem Teil, der mir gefällt : Photoshop !!!^^

Den das coden fällt mir echt schwer


------------------


Inaktiv
|
reVerB


Geekboy




Beiträge: 1237
# Antwort: 16 - 30.12.2007 um 13:18 Uhr
@freezeman: So ist es !! ^^
Nur rausnehmen den Eintrag könnte schwerwiegende folgen für die Tables aus den TPL´s haben. Deswegen lieber alles auf Transparent setzen.

@X-Style: Schön, das es dir anscheinend geholfen hat. ^^


Inaktiv
|
Fr33z3m4n ClanSphere Team


Medal of Honor




Herkunft: Hamm
Beiträge: 11094
# Antwort: 17 - 30.12.2007 um 15:39 Uhr
joar, aber ich nehm es fast immer raus, weil es für mich persönlich sinnlos ist, da ich erstens per Divs aufbaue, und 2tens den BG teilweise selbst definiere. Von daher, jeder wie er mag ;D


------------------
mfg
Patrick "Fr33z3m4n" Jaskulski

Antoine de Saint-Exupéry: Wenn Du ein Schiff bauen willst, so trommle nicht Männer zusammen, um Holz zu beschaffen, Aufgaben zu verteilen, sondern lehre die Männer die Sehnsucht nach dem endlosen weiten Meer.

Inaktiv
|
Antworten: 17
Seite [1]


Sie müssen sich registrieren, um zu antworten.


ClanSphere Project - Mailus - Imprint - Disclaimer - Scriptinfo