Autor |
Nachricht |
-
boehse-freunde
|
07.08.2009 um 20:18 (UTC) Titel: [noch offen] Design CSS: Header verschoben |
|
|
Moin.Ich habe eben auf meine Seite geschaut und festgestellt das der Header nach unten gerutscht ist.Hab versucht ihn wieder nach oben zu bekommen,hat aber nicht geklappt.Wie bekomm ich den wieder an die richtige Position??? ______________
Zuletzt bearbeitet von boehse-freunde am 07.08.2009, 22:28, insgesamt einmal bearbeitet
|
|
↑
|
|
|
-
vernox
|
07.08.2009 um 21:11 (UTC) Titel: ... |
|
|
Das liegt scheinbar an der Werbung,
schiebe doch einfach alle anderes Divs noch ein welnig anch unten, wenn das geht.
Gruß,
Ben
P.s.: Wenn der Header noch höher kommt, verdeckst du die Werbung, wa snicht erlaubt ist! |
|
↑
|
|
|
-
boehse-freunde
|
07.08.2009 um 21:23 (UTC) Titel: |
|
|
Was sind Divs und wie verschiebe ich das???? ______________
Zuletzt bearbeitet von boehse-freunde am 07.08.2009, 22:32, insgesamt einmal bearbeitet
|
|
↑
|
|
|
-
vernox
|
07.08.2009 um 21:36 (UTC) Titel: ... |
|
|
Wenn du möchtest, kann ich dir das machen
Divs sind die vershciedenen elemente deines Designes. |
|
↑
|
|
|
-
boehse-freunde
|
07.08.2009 um 21:41 (UTC) Titel: |
|
|
Das wäre nett!!!!Sag mir was ich machen soll!!! ______________ |
|
↑
|
|
|
-
vernox
|
07.08.2009 um 21:48 (UTC) Titel: ... |
|
|
Ersetze einfach den text, den du im moment bei "Css code ohne style tags" hast durch diesen:
Code: <style type="text/css">
<!--
#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: 13px;
text-decoration: none;}
a:link {
color: #4A9AF6;
font-size: 13px;
text-decoration: none;}
a:active {
color: #4A9AF6;
font-size: 13px;
text-decoration: none;}
a:visited {
color: #4A9AF6;
font-size: 13px;
text-decoration: none;}
body {
background-color:#000000;}
*{ padding: 0; margin: 0; }
#Mein_Bild {
margin: 0 auto;
width: 980px;
height:500px;
background-image:url(HIER DEINE BILD-URL);}
#header_container {
position: absolute;
left: 50%;
margin-left:-491px;
width: 973px;
height:104px;
background-color:#343434;
background-image:url(http://s3.directupload.net/images/090730/t9fpbeh9.jpg);
color:#FFFFFF;
font-size:13px;
border: 2px solid #000000;}
#content {
position: absolute;
left: 50%;
top: 215px;
margin-left:-336px;
width: 605px;
height: 1630px;
padding:10px;
color: #F2F2F2;
font-size:13px;
background-color:#;
background-image:url(http://img.webme.com/pic/m/micha1985/csscondentgu4.png);
border: 2px solid #000000;
overflow:auto;}
#sidebar_container{
position:absolute ;
left:50%;
top:215px;
margin-left:297px;
width: 185px;
height:1650px;
background-color:#;
background-image:url(http://img.webme.com/pic/m/micha1985/csscondentgu4.png);
border:2px solid #000000;
color:#000000;
overflow:;}
#nav_container{
position: absolute;
left: 50%;
top:215px;
margin-left:-491px;
width: 147px;
height:1650px;
border:2px solid #000000;
background-image:url(http://img.webme.com/pic/m/micha1985/csscondentgu4.png);}
overflow:;}
ul#nav{
width: 160px;
padding: 0px;
margin: 0px;}
li.nav_element{
list-style-type: none;
position: relative;
padding:3px;
width: 135px;}
li.nav_element a{
display: block;
width: 135px;
padding:1px;
font-weight: bold;
text-decoration: none;
text-align: left;
color:#F2F2F2;
background-color:#343434;
background-image:url(http://s3b.directupload.net/images/090510/xk2vblld.jpg);
border:2px solid #000000;}
li.nav_element a:hover{
color: #000000;
background-color:#C9C9C9;
background-image:url(http://s2b.directupload.net/images/090510/j8jtjzyt.jpg);}
-->
</style>
<div align="center"><table><tr><td>
<style type="text/css">
Mach aber am besten davor eine Sicherheitskopie, ich hab den Code aus deinem Quelltext und nur ein welnig modifiziert, es ist also nicht sicher, dass das alles ist
Zuletzt bearbeitet von vernox am 07.08.2009, 22:51, insgesamt einmal bearbeitet
|
|
↑
|
|
|
-
boehse-freunde
|
07.08.2009 um 21:56 (UTC) Titel: |
|
|
ok ich werd das mal versuchen!!!!Danke erstmal für deine Hilfe!!! ______________ |
|
↑
|
|
|
-
vernox
|
07.08.2009 um 21:58 (UTC) Titel: ... |
|
|
BitteBitte, gern geschehen |
|
↑
|
|
|
-
boehse-freunde
|
07.08.2009 um 23:56 (UTC) Titel: |
|
|
Sieht ganz gut aus.Kannst du mir den Code noch so schreiben das ein wenig Platz ist zwischen dem header unt dem unteren Teil ist???Der Spalt sollte so dick sein wie zwichen Navi und dem Mittelteil!!!!Was hast du da eigentlich umgeschrieben???? ______________
Zuletzt bearbeitet von boehse-freunde am 08.08.2009, 00:59, insgesamt einmal bearbeitet
|
|
↑
|
|
|
-
AsgarSerran
Wohnort: Apartment 221B
|
08.08.2009 um 00:03 (UTC) Titel: |
|
|
[size=16]Hallo,
der Code müsste dann in etwa wie folg aussehen.
Mache aber wie schon vorher wieder ein kleines Backup deines alten Codes, falls der folgende aus mysteriösen Gründen doch nicht gehen sollte o_O
Müsste aber.
Liebe Grüße,
Jan aka "Asgar"
Code: #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: 13px;
text-decoration: none;}
a:link {
color: #4A9AF6;
font-size: 13px;
text-decoration: none;}
a:active {
color: #4A9AF6;
font-size: 13px;
text-decoration: none;}
a:visited {
color: #4A9AF6;
font-size: 13px;
text-decoration: none;}
body {
background-color:#000000;}
*{ padding: 0; margin: 0; }
#Mein_Bild {
margin: 0 auto;
width: 980px;
height:500px;
background-image:url(HIER DEINE BILD-URL);}
#header_container {
position: absolute;
left: 50%;
margin-left:-491px;
width: 973px;
height:104px;
background-color:#343434;
background-image:url(http://s3.directupload.net/images/090730/t9fpbeh9.jpg);
color:#FFFFFF;
font-size:13px;
border: 2px solid #000000;}
#content {
position: absolute;
left: 50%;
top: 222px;
margin-left:-336px;
width: 605px;
height: 1630px;
padding:10px;
color: #F2F2F2;
font-size:13px;
background-color:#;
background-image:url(http://img.webme.com/pic/m/micha1985/csscondentgu4.png);
border: 2px solid #000000;
overflow:auto;}
#sidebar_container{
position:absolute ;
left:50%;
top:222px;
margin-left:297px;
width: 185px;
height:1650px;
background-color:#;
background-image:url(http://img.webme.com/pic/m/micha1985/csscondentgu4.png);
border:2px solid #000000;
color:#000000;
overflow:;}
#nav_container{
position: absolute;
left: 50%;
top:222px;
margin-left:-491px;
width: 147px;
height:1650px;
border:2px solid #000000;
background-image:url(http://img.webme.com/pic/m/micha1985/csscondentgu4.png);}
overflow:;}
ul#nav{
width: 160px;
padding: 0px;
margin: 0px;}
li.nav_element{
list-style-type: none;
position: relative;
padding:3px;
width: 135px;}
li.nav_element a{
display: block;
width: 135px;
padding:1px;
font-weight: bold;
text-decoration: none;
text-align: left;
color:#F2F2F2;
background-color:#343434;
background-image:url(http://s3b.directupload.net/images/090510/xk2vblld.jpg);
border:2px solid #000000;}
li.nav_element a:hover{
color: #000000;
background-color:#C9C9C9;
background-image:url(http://s2b.directupload.net/images/090510/j8jtjzyt.jpg);}
______________ |
|
↑
|
|
|
-
boehse-freunde
|
08.08.2009 um 11:21 (UTC) Titel: |
|
|
Besten Dank hat super funktioniert.Eine frage hab ich noch.Was hast du verändert das es jetzt so ist???? ______________ |
|
↑
|
|
|
-
vernox
|
09.08.2009 um 09:29 (UTC) Titel: ... |
|
|
Wir haben beide die Angabe "Top" angepasst, die angabe top sagt, wieweit das Element vom oberemmSeitenrand entfernt ist |
|
↑
|
|
|
|