Anzeigeproblem im Admin-Bereich mit eigenem Design

26.01.2016 21:54
avatar  nilst
#1
ni

Guten Abend zusammen,
ich habe schon etwas durchs Forum gesucht aber leider nichts passendes gefunden.

Ich habe ein eigenes Design erstellt, da bei den vorhandenen nichts passendes dabei war.
Oder ich habe es übersehen.

Das Design, das ich erstellt habe, sieht auch gut aus, wenn man die Seite normal besucht.
Das Problem taucht erst im Admin-Bereich auf.
Wenn die Seite keinen Content enthält, wird der "Inhalt hinzufügen" Link oben angezeigt. (Anhang: 1.png)
Sobald man irgendeinen Content hinzufügt, wird der Content und der "Inhalt hinzufügen" Link nur noch am Ende der Seite angezeigt. (Anhang: 2.png)

Da wir unsere Seiten immer mit mehreren Personen bearbeiten, wäre es schön, wenn man im Admin-Bereich die gleiche Ansicht hätte, wie der Besucher der Seite.

Hier mal der Code meines Designs.
HTML:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
 
<div id="header">
<a href="/"><img src="header.png" alt="" /></a>
</div>
 
<div id="main">
<div id="navigation">
<var>navigation[1|2|3]</var>
</div>
 
<div id="sidebar">
<var>sidebar</var>
</div>
 
<div id="container">
<div id="content">
<var>content</var>
</div>
 
<div id="footer">
<div class="gutter">
<var>footer</var>
</div>
</div>
</div>
</div>
 



CSS:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
 
/*  Typo
----------------------------------------------- */
 
a:link, a:visited
{
text-decoration: underline;
color:#EC4413;
}
a:active { text-decoration: underline; }
a:hover { text-decoration:none; }
 

h1 { font:bold 18px/140% "Trebuchet MS", Verdana, sans-serif; }
h2 { font:bold 14px/140% "Trebuchet MS", Verdana, sans-serif; }
 
p { font: 11px/140% Verdana, Geneva, Arial, Helvetica, sans-serif;}
 
/* Layout
----------------------------------------------- */
 
body {
background: #333333 url(bg.png);
background-attachment: fixed;
padding:0 0 0 0;
margin:0;
font: 11px/140% Verdana, Geneva, Arial, Helvetica, sans-serif;
}
 
#main
{
margin:0 auto;
width:1000px;
}
 
#container
{
margin:0 auto;
width:690px;
}
 
#header
{
margin:0 auto;
padding:5px 0 5px 0;
width:860px;
}
 
#header h1,
#header a
{
padding:0;
font-family:"Helvetica","Lucida Sans Unicode",Tahoma,Verdana,Arial,Helvetica,sans-serif;
font-size:30px;
font-weight:normal;
text-decoration:none;
line-height:1.3em;
color:#666666;
text-align:right;
}
 
#header a:hover { text-decoration:none; }
 

#navigation
{
float:left;
width:155px;
height:100vh;
padding:0 5px 0 0;
}
 
#sidebar
{
float:right;
padding-top:10px;
width:145px;
height:100vh;
padding:0 0 0 5px;
}
 
#content
{
padding:0px;
}
 
#footer
{
clear:both;
margin-top:10px;
background:url(footer-bg.gif) repeat-x top;
height:65px;
}
 
#footer .gutter
{
height:30px;
padding:35px 15px 0 90px;
}
 
/* Navigation
----------------------------------------------- */
 
ul.mainNav1,
ul.mainNav2
{
margin:0;
padding: 0;
}
 

ul.mainNav1 li,
ul.mainNav2 li
{
display: inline;
margin: 0;
padding: 0;
}
 

ul.mainNav1 li a,
ul.mainNav2 li a
{
font:normal 16px/140% "Kelly Slab";
text-align: right;
text-decoration: none;
display: block;
color:#ffffff;
}
 

ul.mainNav1 li a { padding:4px 4px 4px 4px; }
ul.mainNav2 li a { padding:4px 4px 4px 14px; }
ul.mainNav3 li a { padding:4px 4px 4px 24px; }
 

ul.mainNav1 a:hover
{
font:bold 16px/140% "Kelly Slab";
}
 
ul.mainNav1 a.current { font-weight:bold; }
 



Hat jemand eine Idee wo mein Fehler liegt?

Vielen Dank schon mal im Voraus.

Gruß Nilst


 Antworten

 Beitrag melden
27.01.2016 13:57
avatar  az_
#2
avatar
az_

...wie ist die URL Deiner Seite?

LG, az


Achtung: Code im Forum bitte immer mit der Schaltfläche für "Code" einkapseln!!! (= )

Bitte sendet mir keine privaten Nachrichten über dieses Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

...hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de

...NEU!!! - hier könnt Ihr unser Userforum finanziell unterstützen: https://redesign-berlin.xobor.de/donations.html

 Antworten

 Beitrag melden
28.01.2016 21:52
avatar  nilst
#3
ni

Hallo az_,
danke, dass du dich dem Thema annehmen wolltest.
Mittlerweile hat der Jimdo-Support sich schon drum gekümmert.


 Antworten

 Beitrag melden
29.01.2016 10:13
avatar  az_
#4
avatar
az_

Hallo @nilst

...bitte gern! :)

Die Support-Antwort wäre aber auch sehr interessant!

LG, az


Achtung: Code im Forum bitte immer mit der Schaltfläche für "Code" einkapseln!!! (= )

Bitte sendet mir keine privaten Nachrichten über dieses Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

...hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de

...NEU!!! - hier könnt Ihr unser Userforum finanziell unterstützen: https://redesign-berlin.xobor.de/donations.html

 Antworten

 Beitrag melden
29.01.2016 21:36
avatar  nilst
#5
ni

Sie haben meinen Code verändert.
Hatte einfach ein paar CSS-Einträge falsch.


 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!