Suche im Forum:
Suchen


Autor Nachricht
Beitrag24.05.2009 um 16:10 (UTC)    
Titel: CSS-Design-Frage ~ "maybe heavy"

Grüßt euch HP-BK~bastler Wink

Ich hätte da eine Frage, die wahrscheinlich mehr mit der CSS-codierung was zu tun hat, als mit dem CSS-design! ^^
Ich weiß nicht genau wie ich meine Frage formulieren soll, werd diese aber versuchen richtig zu formulieren.

Ich würde gerne im untersten Bereich "Nach dem #content" eine Grafik einsetzen, die sich dann mit dem #content-Bereich bewegen soll!

...

Ein Beispiel Hier:

1. Header (habe ich jetzt keinen extra gemacht)
2. Mittelteil (#content)
3. Unterteil (wird gewünscht)

...

Am Bild sieht es ungefähr so aus:

*Header*



...

Und wie schon erwähnt, soll der untere Bereich sich zu dem Mittleren Bereich je nach Seitenwechsel immer anpassen.
(Eine gute Beispielseite wäre: WKW .. Hier ist der Unterste Bereich abgerundet und je nach Seitenwechsel immer angepasst)

...

Wenn mein CSS-Code benötigt wird, hier ist dieser:

Zitat:
#extraDiv1 {display: none;} #extraDiv2 {display: none;} #extraDiv3 {display: none;} #extraDiv4 {display: none;} #extraDiv5 {display: none;} #extraDiv6 {display: none;} #pre_header {display: none;} #post_header {display: none;} #pre_content {display: none;} #nav_heading{display: none;} div.header{display: none;} h1#title{display: none;} h2#title span {display: none;} a{ color:#4A9AF6; text-decoration: none; font-size:13px;} a:hover { color: #4A9AF6; font-size: 12px; text-decoration: none;} a:link { color: #4A9AF6; font-size: 12px; text-decoration: none;} a:active { color: #4A9AF6; font-size: 12px; text-decoration: none;} a:visited { color: #4A9AF6; font-size: 12px; text-decoration: none;} body { background-image:url(http://img.webme.com/pic/m/muchloads/bg-alnw4.png); background-color:#000000;} *{ padding: 0; margin: 0; } #STAN_MAN { margin: -1px auto; width: none; height: none; background-image:url(..);} #header_container { position: absolute; left: 50%; margin-left:-450px; width: 900px; height:100px; top: 79px; background-color:#XXXXXX; background-image:url(http://img.webme.com/pic/m/muchloads/header-alnw.png); color:#FFFFFF; font-size:12px; border: 0px double #1EA8FF;} #content { position: absolute; left: 50%; top: 180px; margin-left:-450px; width: 880px; height: -px; padding:10px; color: #F2F2F2; font-size:12px; background-color:#454545; background-image:url(...); border: 0px solid #FFFFFF; overflow:auto;} #sidebar_container{ position: absolute; left: 50%; top:82px; margin-left: -446px; width: 262px; height: 92px; background-color:#XXXXXX; background-image:url(); border:0px solid #FFFFFF; color:#FFFFFF; overflow:auto;} #nav_container{ position: absolute; left: 50%; top:280px; margin-left: -450px; width: 0px; height: -px; background-image:url(); border:0px solid #FFFFFF; overflow:auto;}
ul#nav{ width: 90px; padding: 0px; margin: 0px;} li.nav_element{ list-style-type: none; position: relative; padding:0px; width: 0px;} li.nav_element a{ display: block; width: 202px; padding:7px; font-weight: bold; text-decoration: none; text-align: left; color:#F2F2F2; background-color:#343434; background-image:url(http://i41.tinypic.com/2njevwx.jpg); border: 0px solid #none;} li.nav_element a:hover{ color: #CCCCCC; background-color:#C9C9C9; background-image:url(http://i39.tinypic.com/282g5xx.gif);} #counter { position: absolute; left: 50%; top:80px; margin-left: -150px; width: 350px; height:35px; color:#FFFFFF; font-size:13px; border: 0px solid #FFFFFF;}


...

Ich werde Jeden behilfreichen Tipps und Codes sehr dankbar sein!

mfg, Stan
______________
Beitrag24.05.2009 um 16:13 (UTC)    
Titel:

Hallo, dieses Thema wurde heute von kurzem schon bearbeitet.

Hier der Link:
http://www.homepage-baukasten.de/forum/viewtopic.php?t=96629
Beitrag24.05.2009 um 16:22 (UTC)    
Titel:

Ja das habe ich erst gesehen, wo ich dieses Thema schon eröffnet habe -.-

*Sorry*

..

Auf jeden Fall habe ich den sogg. Footer bereits eingefügt, dieser passt sich allerdings nicht zu dem #content - Bereich an. Welchen Zusatz habe ich da wohl vergessen!? oO

mfg, Stan
______________
Beitrag27.05.2009 um 17:10 (UTC)    
Titel:

...-.
______________
~~M4~~ Admin.
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de