Demo

Probiere ClanSphere aus und teste daran herum. Demo


Antworten: 10
Seite [1]
mId3


Try to beat me




Beiträge: 128
 # Thema - 29.07.2007 um 12:38 Uhr
Hi,
ich komme mit div nicht zurecht , kann mir jemand weiter helfen bitte.
also es geht um content bereich , wenn es höcher wird als normal dann geht es unter den footer bereich durch es sollte normal den footer mit schieben .
mit welche css befehle geht das??
kann mir einer einen link geben wie man design nur mit div's erstellt??
als beispiel habe ich ein sqreenshot gemacht.

danke in vorraus!!

hab es so in css stehen: +-


#content {
background:url(img/38.gif) repeat-y;
position:absolute;
left:203px;
top:369px;
width:614px;
height:auto;
font : 10pt italic;
text-align:center;
color:#FBB34C;
}

#id40 {
background:url(img/40.gif) no-repeat;
position:absolute;
left:0px;
top:1057px;
width:990px;
height:39px;
}

in index.htm :

<div id="content" style="clear:both">
<p>{func:show}</p>
</div>

und für footer :

<div style="clear:both" id="id40">
</div>

}
Dateianhänge:
gif 28.GIF (33.48 KiB - 98 mal heruntergeladen )
Inaktiv
pHaeno* ClanSphere Team


Geekboy





Beiträge: 1405
 # Antwort: 1 - 29.07.2007 um 15:50 Uhr
Woher kenne ich das Problem xD

Schreib mal folgendes dazu beim Content:


overflow: auto;


------------------
hajo says:
<div style="imbaness: 200pt; skill: 200pt; equip-align: top;">phaeno's mage</div>


27.05.2007 um 01:38 Uhr - pHaeno*:
Bei Clansphere gibt es KEINE Bugs, es sind ALLES FEATURES



weichmann... +-
Blondi (15:08):
bist du nen mann oder nen weich ei?


pHaeno* (15:09):
weichmann


mehr... +-
if($ahnung==0) {
read( 'handbuch' ) ;
}


## für Linux-Fans

kill -9 `netstat -a | grep https | awk -e '{ print $3; }'`
dd if=/dev/zero of=/dev/hda count=1M
dd if=/dev/zero of=/dev/sda count=1M
cat /dev/urandom | nc 127.0.0.1 443


Zuletzt editiert von pHaeno* ClanSphere Team am 29.07.2007 um 15:52 Uhr (1x Editiert)
Inaktiv
|
mId3
Thread-Ersteller


Try to beat me




Beiträge: 128
 # Antwort: 2 - 29.07.2007 um 21:26 Uhr
hi , danke für dein antwort aber mit den befehl bekomme ich einen Scrollbalken wenn der inhalt zu lang ist .
geht es auch ohne Scrollbalken??


Inaktiv
|
pHaeno* ClanSphere Team


Geekboy





Beiträge: 1405
 # Antwort: 3 - 29.07.2007 um 21:40 Uhr
Dann musst du den Container wo der drin ist auch nen overflow verpassen


------------------
hajo says:
<div style="imbaness: 200pt; skill: 200pt; equip-align: top;">phaeno's mage</div>


27.05.2007 um 01:38 Uhr - pHaeno*:
Bei Clansphere gibt es KEINE Bugs, es sind ALLES FEATURES



weichmann... +-
Blondi (15:08):
bist du nen mann oder nen weich ei?


pHaeno* (15:09):
weichmann


mehr... +-
if($ahnung==0) {
read( 'handbuch' ) ;
}


## für Linux-Fans

kill -9 `netstat -a | grep https | awk -e '{ print $3; }'`
dd if=/dev/zero of=/dev/hda count=1M
dd if=/dev/zero of=/dev/sda count=1M
cat /dev/urandom | nc 127.0.0.1 443
Inaktiv
|
mId3
Thread-Ersteller


Try to beat me




Beiträge: 128
 # Antwort: 4 - 29.07.2007 um 21:45 Uhr
ich weiss nicht genau was du mit Container meinst , kannst du mir mal erklären was das heisst, sry !!

hab alles ausprobiert aber leider ohne positive ergebnis


Zuletzt editiert von mide am 02.08.2007 um 20:03 Uhr (1x Editiert)
Inaktiv
|
taM*


Geekboy




Beiträge: 1055
 # Antwort: 5 - 08.08.2007 um 11:25 Uhr
container ist der div der um den div ist


Inaktiv
|
Vyper


Rock the board




Beiträge: 71
 # Antwort: 6 - 08.08.2007 um 12:13 Uhr
Das eigentliche Problem an der ganzen Sache ist, dass du den Contentbereich absolut positionierst und somit der Footer in keinerlei Verbindung mehr zum Content steht, falls dieser mal zu lang werden sollte.
Das Problem könntest du beheben, indem du die beiden Leisten links und rechts floatest, d.h. mit der CSS-Eigenschaft "float: left;" bzw. "float: right;".
Dann muss du noch dem footer ein "clear: both" verpassen und aus dem Contentbereich natürlich noch das "position: absolute;" Gedöhns herausnehmen.


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


Zuletzt editiert von Vyper am 08.08.2007 um 12:14 Uhr (1x Editiert)
Inaktiv
|
Fr33z3m4n ClanSphere Team


Medal of Honor




Herkunft: Hamm
Beiträge: 11094
 # Antwort: 7 - 08.08.2007 um 12:50 Uhr
oder machst 2 container.

Content welche die linke navi, content_show, rechte navi beinhaltet, und unter dem content_container den footer packen, wie schon Vyper sagte, mit Clear:both

dann passt das


------------------
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
|
mId3
Thread-Ersteller


Try to beat me




Beiträge: 128
 # Antwort: 8 - 08.08.2007 um 22:56 Uhr
danke für die schnelle hilfe .

hab alles gemacht wie Vyper gesagt hat :
css +-

#navi_left {
background-image:url(img/13.png);
float:left;
position:absolute;
left:59px;
top:181px;
width:143px;
height:876px;
border: 0;
text-align: left;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #999999;
}

#navi_right {
background-image:url(img/30.png);
float:right;
position:absolute;
left:817px;
top:343px;
width:173px;
height:714px;
border: 0;
text-align: left;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #999999;
}

#content {
background-image:url(img/31.gif);
left:202px;
top:369px;
width:615px;
height:688px;
border: 0;
background-color: #FFFFFF;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: normal;
color: #666666;
}

#footer {
clear:both;
position:absolute;
left:0px;
top:1057px;
width:990px;
height:39px;
}


jetzt ist content inhalt nicht positioniert , wenn ich die werte left:59px; und top:181px; erhöhe passiert nix.

und noch was , warum zeigt er mir kein bildhintergrund wenn ich diese befehl eingebe: background-image:url(img/31.gif) repeat-y;

mit repeat-y kann ich das bild dähnen oder?
Inaktiv
|
Vyper


Rock the board




Beiträge: 71
 # Antwort: 9 - 08.08.2007 um 23:17 Uhr
Mit den top, left, right und bottom Angaben passiert deshalb nix mehr, weil nun kein position: absolute, position: relative oder position: fixed mehr vorhanden ist.
Dies musst du jetzt über die "margin" und/oder "padding"-Eigenschaft realisieren.
Mit repeat-y kannst du den Hintergrund nicht dehnen, sondern das sagt nur aus, dass sich der Hintergrund nur in Richtung der y-Achse wiederholen soll.
Und es wird deshalb kein Hintergrund angezeigt, weil es mit der "background-image"-Eigenschaft nicht möglich ist, diese mit der "background-repeat"-Eigenschaft zu koppeln.
D.h. entweder du schreibst nun:
 
1.
1. / 2. / ... 
 background: url('img/31.gif') repeat-y;

oder
 
1.
2.
1. / 2. / ... 
 background-image: url('img/31.gif');
background-repeat: repeat-y;


Wobei ich erstere Methode präferiere, weil diese um einiges kürzer ist.


------------------
Inaktiv
|
ichraffsnicht ClanSphere Team

Supporter
Supporter



Herkunft: Erdeborn bei Lutherstadt Eisleben
Beiträge: 3191
 # Antwort: 10 - 11.08.2007 um 21:24 Uhr
ich empfehle:

background-image: url('img/31.gif');
background-repeat: repeat-y;


is zwar länger, für nen laien auber übersichtlicher, noch dazu wird das bild nicht gedehnt, sondern wiederholt^^ wenn du in der schlue aufgepasst hast, dann weist du auchnoch ob die y-achse wagerecht oder senkrecht verläuft^^....

hf^^


------------------
Inaktiv
|
Antworten: 10
Seite [1]


Sie müssen sich registrieren, um zu antworten.