Design Fragen

Design Fragen| Datum: 26.09.2009 - 11:09 | Author: SirZimt

Also es gibt da Sachen die würde ich gerne an meinem Design verwenden...

Als Bildchen hiermal um eine übersicht zu bekommen:
[spoil:1ue6bxrl][/spoil:1ue6bxrl]

Also:
Der Footer unten sollte immer am ende der seite sein also das heißt unter dem content bereich drunter...
Der Contentbereich sollte sich jedoch an die größe des Inhaltes anpassen! Das tut er leider nicht aktuell!

Zudem sollten die Menüs rechts neben dem Content mit Scrollen wenn man scrollt jedoch nie aus dem content bereich raus ^^. (Das 2. Menü sowie die abhebung vom rest kommen noch...)
Ich füge mal damit man es sieht den aktuellen CSS Code an:
[spoil:1ue6bxrl]

Code


@charset "iso-8859-1";
/* DarkChaos - Copyright by Sir. Zimt the Choast */

#wrapper {
width: 800px;
position: absolute;
left: 50%;
margin-left: -400px;
top: 0px;
height: auto;
min-height: 800px;
}
#horizmenu {
background-color: #333333;
height: 50px;
width: 800px;
position: absolute;
left: 0px;
top: 200px;
background-image: url(../images/headmenubg.png);
text-align: center;
margin: 0px;
}
#content {
width: 800px;
background-color: #000;
height: auto;
min-height:350px;
color: #FFF;
position: absolute;
top: 250px;
font-size: 16px;
}
#text {
width: 450px;
height: auto;
position: absolute;
left: 10px;
top: 10px;
}

#header {
height: 200px;
width: 800px;
position: absolute;
background-image: url(../images/header.png);
left: 0px;
top: 0px;
}
#menu {
width: 200px;
height: auto;
right: 0px;
right: 10px;
position: absolute;
left: 590px;
top: 30px;
}

body {
background-color: #999;
}
a {
color: #FFF;
text-decoration: none;
}

#footer {
background-color: #333;
width: 800px;
height: 50px;
text-align: center;
padding-top: 1%;
position: absolute;
left: 0px;
top: 100%;
font-size: 14px;
margin-top: -27px;
}


[/spoil:1ue6bxrl]

Wenn die index.php (Hauptdatei) von nöten bitte melden!

Re: Design Fragen| Datum: 26.09.2009 - 11:09 | Author: Haruspex

Mit dem Attribut "fixed" für die position scrollt ein Container mit.

Ein Beispiel:
Der Container sidebar soll 200px vom oberen Rand und 200px vom linken Rand entfernt mitscrollen.
[syntax="html"]#sidebar {
position:fixed;
top:200px;
left:200px;
}
[/syntax]

Meine Idee für den Footer wäre, dass du den einfach zentrierst und den Abstand zum Container drüber festlegst (10px oder wasweißich).

Re: Design Fragen| Datum: 26.09.2009 - 18:09 | Author: SirZimt

Zum fixed:

Das haut den DIV voll nach links!

Nur so: Ich hab das alles in einem sogenannten "Wrapper" deswegen wäre es doch mal sinnvoll den CSS Code von oben zu lesen!

Re: Design Fragen| Datum: 27.09.2009 - 08:09 | Author: Der_Admin

versuch mal die left angabe wegzunehmen und schau obs dann geht. ;)

Re: Design Fragen| Datum: 27.09.2009 - 17:09 | Author: SirZimt

[quote="Der_Admin":13pexdn7]versuch mal die left angabe wegzunehmen und schau obs dann geht. ;)[/quote:13pexdn7]

WTF? Hab ich iwo ein float:left xD? suchen und vernichten!
Scheiße jetzt geht testen nimmer XAMPP schrottet sich gerne selbst oder???

Update:
Beim entfernen von "left: 0px;" passiert nix ^^

Re: Design Fragen| Datum: 07.10.2009 - 22:10 | Author: Fazitas

Das ist sehr merkwürdig, mir fällt da derzeit nichts auf.
Ich müsste mir das mal genauer anschauen^^

Re: Design Fragen| Datum: 08.10.2009 - 14:10 | Author: SirZimt

Ich mach später Apache an dann kannst du es ja sehen ;)

Re: Design Fragen| Datum: 08.10.2009 - 15:10 | Author: PCFreund

mach apache an du schwein xD
mach an !

Re: Design Fragen| Datum: 08.10.2009 - 18:10 | Author: SirZimt

[quote="PCFreund":1p3nzol2]mach apache an du schwein xD
mach an ![/quote:1p3nzol2]

NEIN! Mein PC is kein 24/7 laufendes Objekt! Apache läuft wenn von nöten!

Re: Design Fragen| Datum: 08.10.2009 - 18:10 | Author: PCFreund

dann könn wir dir nicht helfen sorry

Re: Design Fragen| Datum: 08.10.2009 - 20:10 | Author: Haruspex

Och, man kann sicherlich auch so helfen.
Beste Möglichkeit wäre natürlich, wenn Zimti einfach hochladen würde, aber okay.

Magst du vll nochmal die aktuelle CSS-Datei posten und mir sagen, welches Element welcher Klasse angehört?

Re: Design Fragen| Datum: 09.10.2009 - 16:10 | Author: SirZimt

@PCFreund: Wärst du im MSN öfters on wüsste ich es wenn du "nachsehen" willst...
@Haruspex: Folgt hier:
[spoil:2pf57vdx]

Code


@charset "iso-8859-1";
/* DarkChaos - Copyright by Sir. Zimt the Choast */

#wrapper {
width: 800px;
position: absolute;
left: 50%;
margin-left: -400px;
top: 0px;
height: auto;
min-height: 800px;
}
#horizmenu {
background-color: #333333;
height: 50px;
width: 800px;
position: absolute;
left: 0px;
top: 200px;
background-image: url(../images/headmenubg.png);
text-align: center;
margin: 0px;
}
#content {
width: 800px;
background-color: #000;
height: auto;
min-height:350px;
color: #FFF;
position: absolute;
top: 250px;
font-size: 16px;
}
#text {
width: 450px;
height: auto;
position: absolute;
left: 10px;
top: 10px;
}

#header {
height: 200px;
width: 800px;
position: absolute;
background-image: url(../images/header.png);
left: 0px;
top: 0px;
}
#menu {
width: 180px;
height: auto;
right: 0px;
right: 10px;
position: absolute;
left: 590px;
top: 30px;
background-color: #666;
padding-left: 20px;
}

body {
background-color: #999;
}
a {
color: #FFF;
text-decoration: none;
}

#footer {
background-color: #333;
width: 800px;
height: 50px;
text-align: center;
padding-top: 1%;
position: absolute;
top: 100%;
font-size: 14px;
margin-top: -27px;
}


[/spoil:2pf57vdx]

So und hier Zuordnung:
[spoil:2pf57vdx]#wrapper:
Darin wird die ganze Seite eingefasst...

#horizmenu:
Das Horizontale Menü der Seite

#content:
Darin werden die Inhalte und das normale Menü Includiert

#text:
Die Aufgerufene Seite selbst... liegt IM #content DIV

#header:
Header mit logo usw.

#menu:
Das Normale Menü wird auch im #content DIV angezeigt

body:
Denke ich ist klar...

a:
Doch auch oder?

#footer:
Der Footer ôO[/spoil:2pf57vdx]

Re: Design Fragen| Datum: 11.10.2009 - 23:10 | Author: SirZimt

-> Push

Kommt hier mal noch was? Es ist nervig das hier jeder sich nur noch um PCFreund`s Probleme oder Quick gelöst Probleme kümmert!

Re: Design Fragen| Datum: 11.10.2009 - 23:10 | Author: Haruspex

Nunja... ich weiß einfach immernoch nicht wieso das fixed nicht funktioniert...

Re: Design Fragen| Datum: 11.10.2009 - 23:10 | Author: SirZimt

Das Menü ist das andere Problem!

Hauptproblem:

Größe vom Contentbereich und das der Footer immer am ende davon ist...

Re: Design Fragen| Datum: 12.10.2009 - 11:10 | Author: Haruspex

Nja... die Frage ist, wieso der Footer überhaupt da unten hängt. Vll hilft's das "top" wegzumachen, im Footer.

Re: Design Fragen| Datum: 12.10.2009 - 13:10 | Author: SirZimt

[quote="Haruspex":2dzs6025]Nja... die Frage ist, wieso der Footer überhaupt da unten hängt. Vll hilft's das "top" wegzumachen, im Footer.[/quote:2dzs6025]

Das is noch aktuell so beabsichtigt sonst hängt er immer im Content drinne. mehr das problem ist das er halt sich an das ende vom "content" DIV hängt und nicht eigenständig da steht :/

Re: Design Fragen| Datum: 19.10.2009 - 01:10 | Author: SirZimt

So! Nachdem kein Schwein gemerkt hat warum es so war hab ichs eben aus Glück gefunden |( .

Was es jetzt war weis ich auch nimmer vlt. findet es wer raus:

Vorher:
[spoil:cwqn7g5t]@charset "iso-8859-1";
/* DarkChaos - Copyright by Sir. Zimt the Choast */

#wrapper {
width: 800px;
position: absolute;
left: 50%;
margin-left: -400px;
top: 0px;
height: auto;
min-height: 800px;
}
#horizmenu {
background-color: #333333;
height: 50px;
width: 800px;
position: absolute;
left: 0px;
top: 200px;
background-image: url(../images/headmenubg.png);
text-align: center;
margin: 0px;
}
#content {
width: 800px;
background-color: #000;
height: auto;
min-height:350px;
color: #FFF;
position: absolute;
top: 250px;
font-size: 16px;
}
#text {
width: 450px;
height: auto;
position: absolute;
left: 10px;
top: 10px;
}

#header {
height: 200px;
width: 800px;
position: absolute;
background-image: url(../images/header.png);
left: 0px;
top: 0px;
}
#menu {
width: 180px;
height: auto;
right: 0px;
right: 10px;
position: absolute;
left: 590px;
top: 30px;
background-color: #666;
padding-left: 20px;
}

body {
background-color: #999;
}
a {
color: #FFF;
text-decoration: none;
}

#footer {
background-color: #333;
width: 800px;
height: 50px;
text-align: center;
padding-top: 1%;
position: absolute;
top: 100%;
font-size: 14px;
margin-top: -27px;
}[/spoil:cwqn7g5t]

Nachher:
[spoil:cwqn7g5t]@charset "iso-8859-1";
/* DarkChaos - Copyright by Sir. Zimt the Choast */

#wrapper {
width: 800px;
position: absolute;
left: 50%;
margin-left: -400px;
top: 0px;
height: auto;
min-height: 800px;
}
#horizmenu {
background-color: #333333;
height: 50px;
width: 800px;
position: absolute;
left: 0px;
top: 200px;
background-image: url(../images/headmenubg.png);
text-align: center;
margin: 0px;
}
#content {
width: 800px;
background-color: #000;
background-repeat: repeat-y;
height: auto;
min-height: 380px;
color: #999;
position: absolute;
top: 250px;
font-size: 16px;
}
.text {
width: 450px;
left: 10px;
top: 10px;
}

#header {
height: 200px;
width: 800px;
position: absolute;
background-image: url(../images/header.png);
left: 0px;
top: 0px;
}
.menu {
width: 180px;
height: auto;
right: 0px;
right: 10px;
position: absolute;
left: 590px;
top: 30px;
background-color: #666;
padding-left: 20px;
}

body {
background-color: #999;
}
a {
color: #FFF;
text-decoration: none;
}

#footer {
width: 800px;
height: 70px;
position: absolute;
top: auto;
clear: both;
background-color: #333;
}

.footer {
margin-top: 1%;
font-size: 18px;
}[/spoil:cwqn7g5t]

Geht jetzt FAST Prima ;):

Ist die Seite zu klein passiert das nämlich nu:


Wenn sie entsprechend groß genug ist alles prima:


Und ja ich weis das das 2. Bild meine Adresse beinhaltet... kenne da wen der würde das jetzt lospralen wenn er wieder Aufgestanden ist :devil: !

Re: Design Fragen| Datum: 19.10.2009 - 11:10 | Author: Fazitas

Ich nehm mal an der Text liegt in nem eigenen Div,
gib dem doch nen "padding-bottom",
dann dürfte der Footer bei zu kurzen Texten nicht zu weit oben sitzen :)

Re: Design Fragen| Datum: 19.10.2009 - 12:10 | Author: SirZimt

So klappt das schon ist aber nich gerade Optimal die Lösung :| weil dann bei großen Seiten der Content Bereich zu lange erscheint :sweat:

Re: Design Fragen| Datum: 26.10.2009 - 20:10 | Author: SirZimt

->PUSH<-

Mensch mach ich das in dem Theard hier oft...

Re: Design Fragen| Datum: 26.10.2009 - 20:10 | Author: PCFreund

gib mir mal filezilla zugang und schick mir die zugangsdaten ich hab 'ne idee ..

Re: Design Fragen| Datum: 26.10.2009 - 21:10 | Author: Fazitas

Dann sag deine Idee, den Zugang wird er dir nicht geben ;)

Re: Design Fragen| Datum: 26.10.2009 - 21:10 | Author: PCFreund

ich hab schon zugang gehabt ;)

:: Bearbeitet am Mo 26. Okt 2009, 22:11 ::

NUR ER IST JA NICHT ONLINE !!!

Re: Design Fragen| Datum: 26.10.2009 - 21:10 | Author: Haruspex

Nur weil du einmal FTP-Zugang hattest, heißt das ja nicht, dass du den immer wieder bekommst und zwar vollkommen zurecht.

Wenn man ne Idee hat kann man sie doch hier netterweise posten, dann kann der Ratsuchende ja etwas rumprobieren - dafür brauch der andere nicht mal online sein.

Re: Design Fragen| Datum: 27.10.2009 - 13:10 | Author: SirZimt

Stimmt. Und ich hab auch XAMPP noch nicht unter Seven eingerichtet (Setup laufen lassen).

Und mit FTP Zugriff ich hab keine Lust wieder ein Konto anzulegen! Weil auf dem Server gibts keine Konten für FTP Zugang |( . Wie gesagt! Posten!

Und auch wegen deines Missbrauchs einer Beispieldatei werde ich dir keinen geben... macht nämlich keinen Fun andauernd die Sicherheitslaternen Sachen zu löschen und später wieder drauf zu machen...

Re: Design Fragen| Datum: 27.10.2009 - 14:10 | Author: PCFreund

mann -.-
dann gib mir bitte die ganzen daten weil erklären will ich das nicht ich weiß ja nict auswendig was du da alles hast ...

Re: Design Fragen| Datum: 27.10.2009 - 14:10 | Author: SirZimt

Beschaff dir mal ICQ oder Jabber! Weil MSN dauert noch bis ich das hab...

Re: Design Fragen| Datum: 27.10.2009 - 14:10 | Author: PCFreund

ich komm gleich online
ich muss nur schauen wie meine icq adresse ist ...

Re: Design Fragen| Datum: 27.10.2009 - 14:10 | Author: SirZimt

Meine Nummer findest du ja...