Top-Themen

AppleEntwicklungHardwareInternetLinuxMicrosoftMultimediaNetzwerkeOff TopicSicherheitSonstige SystemeVirtualisierungWeiterbildungZusammenarbeit

Aktuelle Themen

Administrator.de FeedbackApache ServerAppleAssemblerAudioAusbildungAuslandBackupBasicBatch & ShellBenchmarksBibliotheken & ToolkitsBlogsCloud-DiensteClusterCMSCPU, RAM, MainboardsCSSC und C++DatenbankenDatenschutzDebianDigitiales FernsehenDNSDrucker und ScannerDSL, VDSLE-BooksE-BusinessE-MailEntwicklungErkennung und -AbwehrExchange ServerFestplatten, SSD, RaidFirewallFlatratesGoogle AndroidGrafikGrafikkarten & MonitoreGroupwareHardwareHosting & HousingHTMLHumor (lol)Hyper-VIconsIDE & EditorenInformationsdiensteInstallationInstant MessagingInternetInternet DomäneniOSISDN & AnaloganschlüsseiTunesJavaJavaScriptKiXtartKVMLAN, WAN, WirelessLinuxLinux DesktopLinux NetzwerkLinux ToolsLinux UserverwaltungLizenzierungMac OS XMicrosoftMicrosoft OfficeMikroTik RouterOSMonitoringMultimediaMultimedia & ZubehörNetzwerkeNetzwerkgrundlagenNetzwerkmanagementNetzwerkprotokolleNotebook & ZubehörNovell NetwareOff TopicOpenOffice, LibreOfficeOutlook & MailPapierkorbPascal und DelphiPeripheriegerätePerlPHPPythonRechtliche FragenRedHat, CentOS, FedoraRouter & RoutingSambaSAN, NAS, DASSchriftartenSchulung & TrainingSEOServerServer-HardwareSicherheitSicherheits-ToolsSicherheitsgrundlagenSolarisSonstige SystemeSoziale NetzwerkeSpeicherkartenStudentenjobs & PraktikumSuche ProjektpartnerSuseSwitche und HubsTipps & TricksTK-Netze & GeräteUbuntuUMTS, EDGE & GPRSUtilitiesVB for ApplicationsVerschlüsselung & ZertifikateVideo & StreamingViren und TrojanerVirtualisierungVisual StudioVmwareVoice over IPWebbrowserWebentwicklungWeiterbildungWindows 7Windows 8Windows 10Windows InstallationWindows MobileWindows NetzwerkWindows ServerWindows SystemdateienWindows ToolsWindows UpdateWindows UserverwaltungWindows VistaWindows XPXenserverXMLZusammenarbeit
GELÖST

Fixe höhe mit Joomla

Frage Entwicklung HTML

Mitglied: ComTech32

ComTech32 (Level 1) - Jetzt verbinden

16.03.2013 um 15:33 Uhr, 1944 Aufrufe, 7 Kommentare

Template.css:
01.
  
02.
body { 
03.
	font-family:Tahoma, Verdana, Arial, sans-serif; 
04.
	line-height: 1.3em; 
05.
	margin: 0; 
06.
	padding: 0; 
07.
	font-size: 11px; 
08.
	color: #777; 
09.
	background: #fff; 
10.
11.
 
12.
body.contentpane { 
13.
	background: #fff; 
14.
15.
 
16.
form { 
17.
  margin: 0; 
18.
  padding: 0; 
19.
20.
 
21.
img,table { 
22.
	border: none; 
23.
24.
 
25.
p { 
26.
	margin: 5px 0; 
27.
	text-align: justify; 
28.
29.
 
30.
a { 
31.
	color: #079f85; 
32.
	outline: none; 
33.
	text-decoration: none; 
34.
	font-weight: 400; 
35.
36.
 
37.
a:link { 
38.
	font-weight: 400; 
39.
40.
 
41.
a:visited { 
42.
	font-weight: 400; 
43.
	color: #3e3d3d; 
44.
45.
 
46.
a:hover { 
47.
	text-decoration: underline; 
48.
	font-weight: 400; 
49.
50.
 
51.
input  { 
52.
	color: #ccc; 
53.
	outline: none; 
54.
	margin: 0; 
55.
56.
 
57.
input:focus { 
58.
	outline: none; 
59.
60.
 
61.
button { 
62.
	color: #fff; 
63.
	font-size: 11px; 
64.
	border: none; 
65.
	background: #696969; 
66.
	cursor: pointer; 
67.
68.
 
69.
 
70.
#modlgn_remember.inputbox  { 
71.
	background: none; 
72.
	border: none; 
73.
	width: auto; 
74.
	vertical-align:middle; 
75.
76.
 
77.
input.button, .validate  { 
78.
	color: #fff; 
79.
	font-size: 11px; 
80.
	cursor: pointer; 
81.
	font-weight: 700; 
82.
	border: none; 
83.
	height:20px; 
84.
	line-height:19px; 
85.
	padding: 2px 4px 4px; 
86.
	margin:6px 0 0 0; 
87.
88.
 
89.
/*****************************************/ 
90.
/*** Template specific layout elements ***/ 
91.
/*****************************************/ 
92.
 
93.
#wrapper { 
94.
	margin:0 auto; 
95.
	padding:0 0 50px; 
96.
	width:968px; 
97.
	background: #000 url(../images/wrapper.jpg) no-repeat top center; 
98.
99.
 
100.
#header { 
101.
	position:relative; 
102.
	margin:0 auto; 
103.
	padding:42px 0 0 0; 
104.
	height:373px; 
105.
	width:968px; 
106.
	background: transparent url(../images/headerimg.jpg) no-repeat top center; 
107.
108.
 
109.
#pillmenu { 
110.
	float:right; 
111.
	width:670px; 
112.
	height:28px; 
113.
	padding:0 10px; 
114.
	margin:0 auto; 
115.
	overflow:hidden; 
116.
	background: transparent url(../images/t_menu.png) no-repeat top center; 
117.
118.
 
119.
#pillmenu ul { 
120.
	padding:0; 
121.
	margin:0; 
122.
	list-style: none; 
123.
	overflow:hidden; 
124.
125.
 
126.
#pillmenu li { 
127.
	float:left; 
128.
129.
 
130.
#pillmenu li a { 
131.
	float:left; 
132.
	cursor:pointer; 
133.
134.
 
135.
#pillmenu li a span { 
136.
	float:left; 
137.
	color: #fff; 
138.
	font-family: Tahoma, Verdana, Arial, sans-serif; 
139.
	font-weight:400; 
140.
	font-size:11px; 
141.
	text-decoration: none; 
142.
	height:28px; 
143.
	line-height:27px; 
144.
	padding: 0 12px; 
145.
146.
 
147.
#pillmenu li a:hover,#pillmenu li#current a{ 
148.
	float:left; 
149.
	text-decoration: none; 
150.
	background: transparent url(../images/t_menu_btn_r.png) no-repeat center right; 
151.
152.
 
153.
#pillmenu li a:hover span,#pillmenu li#current a span{ 
154.
	color:#079f85; 
155.
	background: transparent url(../images/t_menu_btn_l.png) no-repeat center left; 
156.
157.
 
158.
 
159.
.logo { 
160.
	float:left; 
161.
	width:250px; 
162.
	height:30px; 
163.
	overflow:hidden; 
164.
165.
 
166.
.logo h1 { 
167.
	text-align:center; 
168.
	color:#fff; 
169.
	margin:0; 
170.
	font-family: Tahoma, Verdana, Arial, sans-serif; 
171.
172.
 
173.
.logo a, .logo a:link, .logo a:visited  { 
174.
	color:#fff; 
175.
	line-height:26px; 
176.
	font-size:20px; 
177.
	font-weight:400; 
178.
	text-decoration:none; 
179.
	text-transform:none; 
180.
181.
 
182.
.logo a:hover { 
183.
	text-decoration:none; 
184.
185.
 
186.
 
187.
 
188.
#search { 
189.
	position:absolute; 
190.
	right:0; 
191.
	bottom:47px; 
192.
	height:26px; 
193.
	width:206px; 
194.
195.
 
196.
.search { 
197.
	float:left; 
198.
	height:26px; 
199.
	width:194px; 
200.
	padding: 0 0 0 10px; 
201.
	background: transparent url(../images/inputbox.png) no-repeat top left; 
202.
203.
 
204.
.search .inputbox { 
205.
	float:left; 
206.
	border: none; 
207.
	color: #fff; 
208.
	font-size:11px; 
209.
	line-height:25px; 
210.
	height:24px; 
211.
	padding:1px 6px 0 0; 
212.
	width:169px; 
213.
	padding:0; 
214.
	background:none; 
215.
216.
 
217.
.search .button { 
218.
	float:left; 
219.
	color:#fff; 
220.
	text-indent:-9999px; 
221.
	border:none; 
222.
	font-weight:700; 
223.
	height:26px; 
224.
	width:25px; 
225.
	padding:0; 
226.
	margin: 0; 
227.
	clear:none; 
228.
	background: transparent url(../images/search_btn.jpg) no-repeat top right; 
229.
230.
 
231.
.search .button:hover { 
232.
233.
 
234.
#content { 
235.
  margin-top:0px; 
236.
	width:974px; 
237.
  height:5000px; 
238.
  overflow:auto; 
239.
240.
 
241.
.content_m {background: transparent url(../images/content_m.gif) repeat-y top center;} 
242.
.content_m_l {background: transparent url(../images/content_m_l.gif) repeat-y top center;} 
243.
.content_m_r {background: transparent url(../images/content_m_r.gif) repeat-y top center;} 
244.
.content_m_full {background: transparent url(../images/content_m_full.gif) repeat-y top center;} 
245.
.content_b {background: transparent url(../images/content_b.gif) no-repeat bottom center;} 
246.
.content_b_l {background: transparent url(../images/content_b_l.gif) no-repeat bottom center;} 
247.
.content_b_r {background: transparent url(../images/content_b_r.gif) no-repeat bottom center;} 
248.
.content_b_full {background: transparent url(../images/content_b_full.gif) no-repeat bottom center;} 
249.
.content_t {padding:20px 0 0 0; background: transparent url(../images/content_t.gif) no-repeat top center;} 
250.
.content_t_l {padding:20px 0 0 0; background: transparent url(../images/content_t_l.gif) no-repeat top center;} 
251.
.content_t_r {padding:20px 0 0 0; background: transparent url(../images/content_t_r.gif) no-repeat top center;} 
252.
.content_t_full {padding:20px 0 0 0; background: transparent url(../images/content_t_full.gif) no-repeat top center;} 
253.
 
254.
 
255.
#leftcolumn, #rightcolumn { 
256.
	float:left; 
257.
	width: 210px; 
258.
	margin:0 20px 0 0; 
259.
260.
 
261.
#rightcolumn { 
262.
	float:right; 
263.
	padding:0 4px 0 0; 
264.
	margin:0 0 0 20px; 
265.
266.
 
267.
div#maincolumn { 
268.
	float: left; 
269.
	width:490px; 
270.
	padding:20px 10px; 
271.
272.
 
273.
div#maincolumn_left, div#maincolumn_right { 
274.
	padding:20px 10px; 
275.
	float: left; 
276.
	width:720px; 
277.
278.
 
279.
div#maincolumn_full { 
280.
	width:934px; 
281.
	padding:0 20px; 
282.
283.
	 
284.
div.nopad { 
285.
	overflow: hidden; 
286.
287.
 
288.
div.nopad ul { 
289.
	clear: both; 
290.
291.
 
292.
td.middle_pad { 
293.
	width: 20px; 
294.
295.
 
296.
#footer { 
297.
	margin:0 auto; 
298.
	width:940px; 
299.
	height:20px; 
300.
	padding:0 10px 10px 10px; 
301.
	color: #ddd; 
302.
303.
 
304.
#footer p { 
305.
	text-align:center; 
306.
	height:20px; 
307.
	line-height:19px; 
308.
	overflow:hidden; 
309.
	margin:0; 
310.
311.
 
312.
#footer a { 
313.
	color: #ddd; 
314.
	font-weight:400; 
315.
	text-decoration: none; 
316.
317.
 
318.
 
319.
#footer a:hover { 
320.
	text-decoration:underline; 
321.
322.
 
323.
a.footer123:link, a.footer123:visited { 
324.
	color: #363e4e; 
325.
	font-family: Tahoma, Arial, sans-serif; 
326.
	text-decoration: underline; 
327.
328.
 
329.
#f123 { 
330.
	text-align: right; 
331.
	width: 100%; 
332.
	margin: 0 auto; 
333.
	font-family: Tahoma, Arial, sans-serif; 
334.
335.
.f123 { 
336.
	text-align: right; 
337.
	font-family: Tahoma, Arial, sans-serif; 
338.
	text-decoration: none; 
339.
340.
.f123_bg { 
341.
	background:url(../images/123_bg.png); 
342.
	width:134px; 
343.
	height:30px; 
344.
	text-align:center; 
345.
	padding: 0 3px; 
346.
347.
.f123_1 { 
348.
	display: block; 
349.
	font-size: 10px; 
350.
	font-family: Tahoma, Arial, sans-serif; 
351.
	color: #666; 
352.
	text-align: left; 
353.
	padding: 0 0 2px 4px; 
354.
355.
 
356.
a.link_123:link, a.link_123:visited { 
357.
	font-size: 15px; 
358.
	font-family: Tahoma, Verdana,Arial,Helvetica,sans-serif; 
359.
	color: #797979; 
360.
	text-decoration:none; 
361.
	font-weight: 700; 
362.
363.
a.link_123:hover { 
364.
	font-size: 15px; 
365.
	font-family: Tahoma, Verdana,Arial,Helvetica,sans-serif; 
366.
	color: #797979; 
367.
	text-decoration:none; 
368.
	font-weight: 700; 
369.
370.
 
371.
/*****************************************/ 
372.
/*** Joomla! specific content elements ***/ 
373.
/*****************************************/ 
374.
 
375.
div.offline { 
376.
	background: #fffebb; 
377.
	width: 100%; 
378.
	position: absolute; 
379.
	top: 0; 
380.
	left: 0; 
381.
	font-size: 1.2em; 
382.
	padding: 5px; 
383.
384.
 
385.
/* headers */ 
386.
div.componentheading { 
387.
	height: 22px; 
388.
	margin:0; 
389.
	color: #fff; 
390.
391.
 
392.
table.blog { 
393.
	 
394.
395.
 
396.
h1 { 
397.
	padding: 0; 
398.
	font-family: Tahoma, Arial, sans-serif; 
399.
	font-size: 1.3em; 
400.
	line-height:19px; 
401.
	font-weight: 700; 
402.
	vertical-align: bottom; 
403.
	color: #666; 
404.
	text-align: left; 
405.
	width: 100%; 
406.
407.
 
408.
h2, .contentheading { 
409.
	padding: 0; 
410.
	font-family: Tahoma, Verdana, Arial, sans-serif; 
411.
	font-size: 11px; 
412.
	vertical-align: middle; 
413.
	color: #079f85; 
414.
	text-align: left; 
415.
	font-weight: 700; 
416.
417.
 
418.
h2, a.contentheading { 
419.
	background: none; 
420.
	border: none; 
421.
	margin:6px 0; 
422.
423.
 
424.
table.contentpaneopen h3 { 
425.
	margin-top: 25px; 
426.
	color:#6db22f; 
427.
428.
 
429.
h4 { 
430.
	font-family: Tahoma, Arial, sans-serif; 
431.
	color: #333; 
432.
433.
 
434.
h3, .componentheading, table.moduletable th, legend { 
435.
	margin:6px 0; 
436.
	font-family: Tahoma, Arial, sans-serif; 
437.
	font-size: 11px; 
438.
	font-weight:700; 
439.
	text-align: left; 
440.
	text-transform:uppercase; 
441.
	color: #333; 
442.
	padding: 0; 
443.
444.
/* small text */ 
445.
.small { 
446.
	font-size: 10px; 
447.
	color: #666; 
448.
	font-weight: 700; 
449.
	text-align: left; 
450.
451.
 
452.
.modifydate { 
453.
	height: 20px; 
454.
	vertical-align: bottom; 
455.
	font-size: 10px; 
456.
	color: #666666; 
457.
	text-align: right; 
458.
459.
 
460.
.createdate { 
461.
	vertical-align: top; 
462.
	font-size: 11px; 
463.
	color: #555; 
464.
	padding-bottom: 8px; 
465.
466.
 
467.
a.readon { 
468.
	float: right; 
469.
	line-height: normal; 
470.
	font-size: 11px; 
471.
	padding: 0 0 0 14px; 
472.
	color: #666666; 
473.
	text-transform: lowercase; 
474.
	text-decoration: none; 
475.
476.
 
477.
a.readon:hover { 
478.
	text-decoration: underline; 
479.
480.
 
481.
/* form validation */ 
482.
.invalid { border-color: #ff0000; } 
483.
label.invalid { color: #ff0000; } 
484.
 
485.
 
486.
/** overlib **/ 
487.
 
488.
.ol-foreground { 
489.
	background-color: #f1f1f1; 
490.
	color: #333; 
491.
492.
 
493.
.ol-background { 
494.
	background-color: #f1f1f1; 
495.
	color: #333; 
496.
497.
 
498.
.ol-textfont { 
499.
	font-family: Tahoma, Arial, sans-serif; 
500.
	font-size: 10px; 
501.
502.
 
503.
.ol-captionfont { 
504.
	font-family: Tahoma, Arial, sans-serif; 
505.
	font-size: 12px; 
506.
	color: #fbfbfb; 
507.
	font-weight: 700; 
508.
509.
.ol-captionfont a { 
510.
	background-color: #f1f1f1; 
511.
	color: #333; 
512.
	text-decoration: none; 
513.
	font-size: 12px; 
514.
515.
 
516.
.ol-closefont {} 
517.
 
518.
/* menu links */ 
519.
a.mainlevel:link, a.mainlevel:visited { 
520.
	padding-left: 5px; 
521.
522.
 
523.
a.mainlevel:hover { 
524.
 
525.
526.
 
527.
/* spacers */ 
528.
span.article_separator { 
529.
	display: block; 
530.
	height: 20px; 
531.
532.
 
533.
.article_column { 
534.
 
535.
536.
 
537.
.column_separator { 
538.
	 
539.
540.
 
541.
td.buttonheading { 
542.
	text-align: right; 
543.
	width: 0; 
544.
545.
 
546.
.clr { 
547.
	clear: both; 
548.
	font-size:0; 
549.
550.
 
551.
table.blog span.article_separator { 
552.
	display: block; 
553.
	height: 20px; 
554.
555.
 
556.
 
557.
 
558.
/* table of contents */ 
559.
table.contenttoc { 
560.
  margin: 5px; 
561.
  padding: 5px; 
562.
  background: none; 
563.
564.
 
565.
table.contenttoc td { 
566.
  padding: 0 5px; 
567.
568.
 
569.
 
570.
/* content tables */ 
571.
td.sectiontableheader { 
572.
  color: #999; 
573.
  font-weight: 700; 
574.
  padding: 4px; 
575.
576.
 
577.
tr.sectiontableentry1 td { 
578.
	padding: 4px; 
579.
580.
 
581.
tr.sectiontableentry1 { 
582.
	background:#333; 
583.
584.
   
585.
tr.sectiontableentry0 td, 
586.
tr.sectiontableentry2 td { 
587.
  padding: 4px; 
588.
589.
 
590.
td.sectiontableentry0, 
591.
td.sectiontableentry1, 
592.
td.sectiontableentry2 { 
593.
  padding: 3px; 
594.
  font-size: 11px; 
595.
596.
 
597.
 
598.
/* content styles */ 
599.
.contentpaneopen, table.contentpane { 
600.
	margin: 0; 
601.
	padding: 0; 
602.
603.
 
604.
table.contentpane td{ 
605.
	text-align: left; 
606.
607.
 
608.
table.contentpane td.contentdescription { 
609.
	width: 100%; 
610.
611.
 
612.
table.contentpane  { 
613.
	text-align: left; 
614.
	float: left; 
615.
	width: 100%; 
616.
617.
 
618.
table.contentpane ul li a .category { 
619.
	color: #FF8800; 
620.
621.
 
622.
table.contentpane ul li { 
623.
	color: #666; 
624.
625.
 
626.
table.contentpaneopen { 
627.
	border-collapse: collapse; 
628.
	padding: 0; 
629.
	margin:0 6px; 
630.
631.
 
632.
table.contentpaneopen li { 
633.
	margin-bottom: 5px; 
634.
635.
 
636.
table.contentpaneopen fieldset { 
637.
	border: 0; 
638.
	border-top: 1px solid #669933; 
639.
640.
 
641.
table.contentpaneopen h3 { 
642.
	margin-top: 25px; 
643.
644.
 
645.
table.contentpaneopen h4 { 
646.
	font-family: Tahoma, Arial, sans-serif; 
647.
	color: #363e4e; 
648.
649.
 
650.
.highlight { 
651.
	background-color: #fffebb; 
652.
653.
 
654.
/* module control elements */ 
655.
table.user1user2 div.moduletable { 
656.
	margin-bottom: 0px; 
657.
658.
 
659.
div.moduletable, div.module { 
660.
  margin-bottom: 25px; 
661.
662.
 
663.
.newsflash div.module_menu,.newsflash div.module,.newsflash div.module_text{ 
664.
	position:absolute; 
665.
	width:690px; 
666.
	height:60px; 
667.
	right:0; 
668.
	top:170px; 
669.
	color:#079f85; 
670.
671.
 
672.
.newsflash div.module_menu div div div,.newsflash div.module div div div,.newsflash div.module_text div div div { 
673.
	background:none; 
674.
	margin:0; 
675.
	padding:10px 0 10px 7px; 
676.
	height:60px; 
677.
	overflow:hidden; 
678.
679.
 
680.
.newsflash div.module_menu div,.newsflash div.module div,.newsflash div.module_text div  { 
681.
	background:none; 
682.
	margin:0; 
683.
	padding:0; 
684.
685.
 
686.
.newsflash h3 { 
687.
	color:#fff; 
688.
	margin:0 0 10px; 
689.
	height:14px; 
690.
	overflow:hidden; 
691.
	text-transform:none; 
692.
693.
 
694.
.newsflash div.module_menu div div,.newsflash div.module div div,.newsflash div.module_text div div { 
695.
	margin:0; 
696.
	text-align:left; 
697.
698.
 
699.
.newsflash p { 
700.
	margin:0; 
701.
702.
 
703.
.newsflash table.contentpaneopen { 
704.
	margin:0; 
705.
706.
 
707.
div.module_menu, div.module, div.module_text{ 
708.
	padding:0; 
709.
710.
 
711.
div.module_menu div, div.module div, div.module_text div { 
712.
713.
 
714.
#leftcolumn div.module_menu div div,#leftcolumn div.module div div,#leftcolumn div.module_text div div , 
715.
#rightcolumn div.module_menu div div,#rightcolumn div.module div div,#rightcolumn div.module_text div div { 
716.
717.
 
718.
#leftcolumn div.module_menu div div div,#leftcolumn div.module div div div,#leftcolumn div.module_text div div div { 
719.
	margin:0 0 20px; 
720.
	padding:0 0 16px; 
721.
	background: transparent url(../images/box_b.png) bottom center no-repeat; 
722.
723.
 
724.
#rightcolumn div.module_menu div div div,#rightcolumn div.module div div div,#rightcolumn div.module_text div div div { 
725.
	background: transparent url(../images/box_b_r.png) bottom left no-repeat; 
726.
	padding:0 0 4px; 
727.
728.
 
729.
div.module div div div div { 
730.
	color:#777; 
731.
	width: 160px; 
732.
733.
 
734.
#leftcolumn div.module_menu div div div div,#leftcolumn div.module div div div div,#leftcolumn div.module_text div div div div, 
735.
#rightcolumn div.module_menu div div div div,#rightcolumn div.module div div div div,#rightcolumn div.module_text div div div div { 
736.
	background: none; 
737.
	margin:0 auto; 
738.
	padding:0; 
739.
	color:#666; 
740.
741.
 
742.
#leftcolumn div.module_text div div div div, #rightcolumn div.module_text div div div div { 
743.
	text-align: left; 
744.
745.
 
746.
#leftcolumn div.module_text div div div div.bannergroup_text,#rightcolumn div.module_text div div div div.bannergroup_text { 
747.
	padding: 10px 10px 10px 30px; 
748.
	width: 160px; 
749.
750.
 
751.
#leftcolumn div.module_text div div div div.bannergroup_text div,#rightcolumn div.module_text div div div div.bannergroup_text div { 
752.
	color:#666; 
753.
	width: auto; 
754.
	padding: 0 0 4px; 
755.
756.
 
757.
div.module div div div form { 
758.
	margin:0 auto; 
759.
	padding:0 0 6px 30px; 
760.
	text-align:left; 
761.
	width:170px; 
762.
763.
 
764.
div.module_menu ul { 
765.
	list-style: none; 
766.
	padding: 0; 
767.
768.
 
769.
div.module_menu ul#mainlevel { 
770.
	margin: 0 auto; 
771.
	text-align: center; 
772.
773.
 
774.
div.module_menu ul li{ 
775.
	margin: 0; 
776.
	padding: 0; 
777.
778.
 
779.
div.module_menu ul li a:link, div.module_menu ul li a:visited { 
780.
	font-weight: 700; 
781.
	padding: 2px 0; 
782.
	line-height: 24px; 
783.
	color:#666; 
784.
	background: transparent url(../images/blue/bullet2.jpg) top left no-repeat; 
785.
786.
 
787.
#leftcolumn div.module table ,#rightcolumn div.module table { 
788.
	padding: 0 0 6px 0; 
789.
	background:none; 
790.
791.
 
792.
#leftcolumn div.module table td ,#rightcolumn div.module table td { 
793.
	margin:0; 
794.
	padding: 0 6px 0 0; 
795.
	height:20px; 
796.
	color:#666; 
797.
	text-align:left; 
798.
	line-height:13px; 
799.
	vertical-align: middle; 
800.
801.
 
802.
#leftcolumn div.module table.poll { 
803.
 
804.
805.
 
806.
#leftcolumn div.module table.poll td { 
807.
	text-align: left; 
808.
809.
 
810.
/* LEFT COL H3 */ 
811.
#leftcolumn h3, #rightcolumn h3 { 	 
812.
	width:186px; 
813.
	margin:0 0 10px; 
814.
	height:24px; 
815.
	line-height:23px; 
816.
	padding:12px 10px 0 14px; 
817.
	font-size: 11px; 
818.
	font-family: Tahoma, Verdana, Arial, sans-serif; 
819.
	color: #000; 
820.
	text-align: left; 
821.
	font-weight:700; 
822.
	overflow:hidden; 
823.
	text-transform:none; 
824.
	text-shadow:1px 1px #a9a9a9; 
825.
	background: transparent url(../images/box_h3.png) no-repeat top center; 
826.
827.
 
828.
#rightcolumn h3 { 
829.
	background: transparent url(../images/box_h3_r.png) no-repeat top center; 
830.
831.
 
832.
.moduletable_menu, .moduletable, .moduletable_text { 
833.
	margin: 0 0 16px 0; 
834.
	padding: 0 0 8px 0; 
835.
836.
 
837.
#leftcolumn ul.menu, #rightcolumn ul.menu { 
838.
	list-style: none; 
839.
	text-align: left; 
840.
	margin:0; 
841.
	padding: 0 0 0 4px; 
842.
843.
 
844.
#leftcolumn ul.menu li, #rightcolumn ul.menu li{ 
845.
	padding:0 0 4px; 
846.
847.
 
848.
/*LEFT COL LINK*/ 
849.
 
850.
#leftcolumn ul.menu li a, #leftcolumn ul.menu li a:link, 
851.
#rightcolumn ul.menu li a, #rightcolumn ul.menu li a:link { 
852.
	display:block; 
853.
	font-weight:400; 
854.
	font-size: 11px; 
855.
	line-height: 15px; 
856.
	padding:0 16px; 
857.
	margin:0; 
858.
	text-decoration: none; 
859.
	color: #079f85; 
860.
	background: transparent url(../images/menu_arrow.gif) no-repeat left center; 
861.
862.
 
863.
 
864.
#leftcolumn ul.menu li a:hover, #rightcolumn ul.menu li a:hover { 
865.
	color: #fff; 
866.
867.
 
868.
/*LEFT COL CURRENT LINK*/ 
869.
 
870.
#leftcolumn ul.menu li#current, #rightcolumn ul.menu li#current { 
871.
872.
 
873.
#leftcolumn ul.menu li#current a, #leftcolumn ul.menu li#current a:link,  
874.
#rightcolumn ul.menu li#current a, #rightcolumn ul.menu li#current a:link { 
875.
	color: #fff; 
876.
	padding:0 16px; 
877.
878.
 
879.
#leftcolumn ul.menu li#current a:hover, #rightcolumn ul.menu li#current a:hover { 
880.
	display:block; 
881.
	color: #fff; 
882.
883.
 
884.
/*LEFT COL SUB LINK*/ 
885.
	 
886.
#leftcolumn ul.menu li#current ul li { 
887.
	background:none; 
888.
889.
 
890.
#leftcolumn ul.menu li#current ul li a, #leftcolumn ul.menu li#current ul li a:link, 
891.
#rightcolumn ul.menu li#current ul li a, #rightcolumn ul.menu li#current ul li a:link { 
892.
	font-weight: 400; 
893.
	text-decoration: none; 
894.
	color: #079f85; 
895.
	line-height:15px; 
896.
	padding:0 10px 0 0; 
897.
	margin:0 0 0 16px; 
898.
	width:160px; 
899.
	background: none; 
900.
901.
 
902.
#leftcolumn ul.menu li#current ul li a:hover, #rightcolumn ul.menu li#current ul li a:hover { 
903.
	color: #fff; 
904.
	background: none; 
905.
906.
 
907.
#leftcolumn ul.menu li ul li#current, #rightcolumn ul.menu li ul li#current { 
908.
909.
 
910.
#leftcolumn ul.menu li.parent ul li, #rightcolumn ul.menu li.parent ul li { 
911.
912.
 
913.
#leftcolumn ul.menu li.parent ul li a,  
914.
#rightcolumn ul.menu li.parent ul li a { 
915.
	line-height:15px; 
916.
	font-size: 11px; 
917.
	font-weight: 400; 
918.
	text-decoration: none; 
919.
	color: #079f85; 
920.
	padding:0 16px; 
921.
	background: none; 
922.
923.
 
924.
#leftcolumn ul.menu li.parent ul li a:hover { 
925.
	color: #fff; 
926.
	background: none; 
927.
928.
 
929.
/*SUBMENU POSITION*/ 
930.
#leftcolumn ul.menu li#current ul { 
931.
	margin: 0; 
932.
	padding: 0; 
933.
934.
 
935.
#leftcolumn ul.menu li#current ul li { 
936.
	margin: 0; 
937.
	padding: 0; 
938.
939.
 
940.
/*CURRENT SUBMENU POSITION*/ 
941.
#leftcolumn ul.menu li ul { 
942.
	margin: 0; 
943.
	padding: 0; 
944.
945.
 
946.
 
947.
#leftcolumn ul.menu li ul, #rightcolumn ul.menu li ul { 
948.
	list-style: none; 
949.
	margin:0; 
950.
951.
 
952.
 
953.
/* forms */ 
954.
#leftcolumn .moduletable ul, #rightcolumn .moduletable ul { 
955.
	margin: 6px 0; 
956.
	padding: 0; 
957.
	list-style: none; 
958.
959.
 
960.
#leftcolumn .moduletable ul li, #rightcolumn .moduletable ul li { 
961.
	margin: 0; 
962.
	padding: 0 2px; 
963.
964.
 
965.
table.adminform textarea { 
966.
  width: 540px; 
967.
  height: 400px; 
968.
  font-size: 1em; 
969.
  color:#666; 
970.
971.
 
972.
/* fix */ 
973.
.nopad fieldset { 
974.
 float:left; 
975.
 border:none; 
976.
 padding:0; 
977.
 margin:0 0 30px; 
978.
979.
.nopad fieldset p { 
980.
margin:0 0 10px; 
981.
overflow:hidden; 
982.
clear:both; 
983.
984.
 
985.
.nopad fieldset label { 
986.
float: left; 
987.
988.
 
989.
.nopad fieldset input { 
990.
float:left; 
991.
992.
 
993.
.button { 
994.
	clear:both; 
995.
996.
 
997.
.nopad fieldset #remember { 
998.
 margin:0 0 0 10px; 
999.
1000.
 
1001.
/* fix */ 
1002.
 
1003.
form#form-login fieldset {  
1004.
	border: 0 none;  
1005.
	padding: 0; 
1006.
	margin:0; 
1007.
	color:#666; 
1008.
	text-align: left; 
1009.
1010.
 
1011.
form#form-login ul { 
1012.
	padding: 0; 
1013.
	list-style: none; 
1014.
	text-align: left; 
1015.
	margin: 10px auto 0; 
1016.
1017.
 
1018.
form#form-login ul li {  
1019.
	padding: 0;  
1020.
1021.
 
1022.
form#form-login ul li a { 
1023.
	text-align: left; 
1024.
	padding: 0; 
1025.
	font-size: 11px; 
1026.
	color: #666; 
1027.
	text-decoration: none; 
1028.
1029.
 
1030.
form#form-login ul li a:hover { 
1031.
	text-decoration: underline; 
1032.
1033.
 
1034.
#form-login	input { 
1035.
	border:none; 
1036.
	color:#000; 
1037.
	font-size:11px; 
1038.
	font-weight:400; 
1039.
	height:14px; 
1040.
	line-height:14px; 
1041.
	padding:2px 4px; 
1042.
	background:#079f85; 
1043.
1044.
 
1045.
input#modlgn_passwd, input#modlgn_username { 
1046.
	width:142px; 
1047.
1048.
 
1049.
input.button, #form-login input.button { 
1050.
	height:20px; 
1051.
	border:1px solid #0b473d; 
1052.
	font-weight:400; 
1053.
	line-height:15px; 
1054.
	color:#079f85; 
1055.
	padding:0 10px 3px; 
1056.
	margin:4px auto 0; 
1057.
	background: transparent url(../images/but.gif) repeat-x left top; 
1058.
1059.
 
1060.
input.button:hover, #form-login input.button:hover { 
1061.
	color:#fff; 
1062.
1063.
 
1064.
/* thumbnails */ 
1065.
div.mosimage         {  margin: 5px; } 
1066.
div.mosimage_caption {  font-size: .90em; color: #333; } 
1067.
 
1068.
div.caption       { padding: 0 10px 0 10px; } 
1069.
div.caption img   { border: 1px solid #CCC; } 
1070.
div.caption p     { font-size: .90em; color: #333; text-align: center; } 
1071.
 
1072.
/* Parameter Table */ 
1073.
table.paramlist { 
1074.
	margin-top: 5px; 
1075.
1076.
 
1077.
table.paramlist td.paramlist_key { 
1078.
	width: 128px; 
1079.
	text-align: left; 
1080.
	height: 30px; 
1081.
1082.
 
1083.
table.paramlist td.paramlist_value { 
1084.
1085.
 
1086.
div.message { 
1087.
	font-family: Tahoma, Arial, sans-serif; 
1088.
	font-weight: 700; 
1089.
	font-size : 14px; 
1090.
	color : #c30; 
1091.
	text-align: center; 
1092.
	width: auto; 
1093.
	background-color: #f9f9f9; 
1094.
	border: solid 1px #d5d5d5; 
1095.
	margin: 3px 0px 10px; 
1096.
	padding: 3px 20px; 
1097.
1098.
 
1099.
/* Banners module */ 
1100.
 
1101.
/* Default skyscraper style */ 
1102.
.bannergroup { 
1103.
1104.
 
1105.
.banneritem { 
1106.
1107.
 
1108.
/* Text advert style */ 
1109.
 
1110.
.banneritem_text { 
1111.
	padding: 4px; 
1112.
	font-size: 11px; 
1113.
1114.
 
1115.
.banneritem_text a { 
1116.
	font-weight:700; 
1117.
	color:#079f85; 
1118.
1119.
 
1120.
.bannerfooter_text { 
1121.
	padding: 4px; 
1122.
	font-size: 11px; 
1123.
	text-align: right; 
1124.
1125.
 
1126.
/* System Messages */ 
1127.
/* see system general.css */ 
1128.
 
1129.
.pagination span { padding: 2px; } 
1130.
.pagination a    { padding: 2px; } 
1131.
 
1132.
/* Polls */ 
1133.
.pollstableborder td { 
1134.
	text-align: left; 
1135.
1136.
 
1137.
/* Frontend Editing*/ 
1138.
fieldset { 
1139.
	border: 1px solid #ccc; 
1140.
	margin-top: 15px; 
1141.
	padding: 4px; 
1142.
1143.
 
1144.
legend { 
1145.
	margin: 0; 
1146.
	padding: 0 10px; 
1147.
1148.
 
1149.
td.key { 
1150.
	border-bottom:1px solid #eee; 
1151.
	color: #333; 
1152.
1153.
 
1154.
/* Tooltips */ 
1155.
.tool-tip { 
1156.
	float: left; 
1157.
	background: #ffc; 
1158.
	border: 1px solid #D4D5AA; 
1159.
	padding: 5px; 
1160.
	max-width: 200px; 
1161.
1162.
 
1163.
.tool-title { 
1164.
	padding: 0; 
1165.
	margin: 0; 
1166.
	font-size: 100%; 
1167.
	font-weight: 700; 
1168.
	margin-top: -15px; 
1169.
	padding-top: 15px; 
1170.
	padding-bottom: 5px; 
1171.
	background: url(../../system/images/selector-arrow.png) no-repeat; 
1172.
1173.
 
1174.
.tool-text { 
1175.
	font-size: 100%; 
1176.
	margin: 0; 
1177.
1178.
 
1179.
/* System Standard Messages */ 
1180.
#system-message dd.message ul {  
1181.
	padding: 0; 
1182.
	margin: 0; 
1183.
	background: none; 
1184.
	border: none; 
1185.
1186.
 
1187.
/* System Error Messages */ 
1188.
#system-message dd.error ul {  
1189.
	color: #c00;  
1190.
	background: none; 
1191.
	border: none; 
1192.
	padding: 0; 
1193.
	margin: 0; 
1194.
1195.
 
1196.
/* System Notice Messages */ 
1197.
#system-message dd.notice ul {  
1198.
	color: #c00;  
1199.
	background: none; 
1200.
	border: none; 
1201.
	padding: 0; 
1202.
	margin: 0; 
1203.
1204.
 
1205.
#system-message dd { 
1206.
	text-indent: 0; 
1207.
1208.
 
1209.
#system-message dd ul { 
1210.
	list-style-type: none; 
1211.
	color: #c00;  
1212.
	background: none; 
1213.
	border: none; 
1214.
1215.
 
1216.
#system-message { 
1217.
	margin-top: 5px; 
1218.
}
Mitglied: catachan
16.03.2013 um 15:46 Uhr
Auch dir kein Hallo

1.) Keine Frage erkennbar
2.) Seite innerhalb weniger Stunden 2x gepostet
3.) Keine Hallo, garnix

So sicher nicht .....
Bitte warten ..
Mitglied: ComTech32
16.03.2013 um 15:57 Uhr
Sry Hallo!!

Ich möchte im Content eine Fixe höhe und danach soll es eine Scroll Bar geben.
komme aber nicht weiter.
oben ist die template.css
Bitte warten ..
Mitglied: flow.ryan
16.03.2013 um 17:37 Uhr
Hallo,

der overflow ist korrekt. ebenso hast du eine feste Höhe eingesetzt. Allerdings sind das 5000px. Ist das nicht etwas arg viel?
01.
#content {  
02.
  margin-top:0px;  
03.
  width:974px;  
04.
  height:5000px;  
05.
  overflow:auto;  
06.
} 

Setz das doch testweise mal auf 200px oder so.

Keine Grüße,
Florian.
Bitte warten ..
Mitglied: ComTech32
16.03.2013 um 18:03 Uhr
habe ich schon gemacht hat nichts gebracht
Bitte warten ..
Mitglied: flow.ryan
16.03.2013 um 19:34 Uhr
Tja... mit etwas mehr info könnte man auch besser antworten. Css ist ja nur die Hälfte. Da fehlt
Mindestens der html Code dazu.
Bitte warten ..
Mitglied: ComTech32
16.03.2013 um 19:40 Uhr
hier ist die index.php:
01.
<?php 
02.
 
03.
defined( '_JEXEC' ) or die( 'Restricted access' ); 
04.
 
05.
JPlugin::loadLanguage( 'tpl_SG1' ); 
06.
 
07.
define( 'path', dirname(__FILE__) ); 
08.
 
09.
?> 
10.
 
11.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
12.
 
13.
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" > 
14.
 
15.
<head> 
16.
 
17.
<jdoc:include type="head" /> 
18.
 
19.
<?php 
20.
 
21.
	$menu_name        = $this->params->get("menuName", "topmenu"); 
22.
 
23.
	$menu_type        = $this->params->get("menuType", "splitmenu"); 
24.
 
25.
	require(path .DS."styleloader.php"); 
26.
 
27.
	require(path .DS."utils.php"); 
28.
 
29.
?> 
30.
 
31.
<link rel="stylesheet" href="templates/system/css/system.css" type="text/css" /> 
32.
 
33.
<link rel="stylesheet" href="templates/<?php echo $this->template ?>/css/template.css" type="text/css" /> 
34.
<link rel="shortcut icon" href="/images/favicon.png" type="image/x-png" />  
35.
</head> 
36.
 
37.
 
38.
 
39.
<body id="wrapper"> 
40.
 
41.
	<div id="header"> 
42.
 
43.
		<div class="logo"><h1><a href="index.php"></a></h1></div> 
44.
 
45.
		<div id="pillmenu"> 
46.
 
47.
			<?php if($mtype != "module") : 
48.
 
49.
				echo $mainnav; 
50.
 
51.
				else: ?> 
52.
 
53.
				<jdoc:include type="modules" name="user3" /> 
54.
 
55.
			<?php endif;?> 
56.
 
57.
		</div> 
58.
 
59.
		<div class="clr"></div> 
60.
 
61.
		<div class="newsflash<?php if(!$this->countModules('user1') and JRequest::getCmd('layout') != 'form') : ?> only<?php endif; ?>"> 
62.
 
63.
			<jdoc:include type="modules" style="rounded" name="top" /> 
64.
 
65.
		</div> 
66.
 
67.
		<div id="search"><jdoc:include type="modules" name="user4" /></div> 
68.
 
69.
	</div> 
70.
 
71.
		 
72.
 
73.
	<div id="content"> 
74.
 
75.
	      
76.
 
77.
		<?php if($this->countModules('left') and $this->countModules('right') and JRequest::getCmd('layout') != 'form') : ?> 
78.
 
79.
		<div class="content_m"> 
80.
 
81.
			<div class="content_b"> 
82.
 
83.
				<div class="content_t"> 
84.
 
85.
		<?php elseif($this->countModules('left') and !$this->countModules('right') and JRequest::getCmd('layout') != 'form') : ?> 
86.
                  
87.
		<div class="content_m_l"> 
88.
 
89.
			<div class="content_b_l"> 
90.
 
91.
				<div class="content_t_l"> 
92.
              
93.
		<?php elseif(!$this->countModules('left') and $this->countModules('right') and JRequest::getCmd('layout') != 'form') : ?> 
94.
                    
95.
		<div class="content_m_r"> 
96.
 
97.
			<div class="content_b_r"> 
98.
 
99.
				<div class="content_t_r"> 
100.
                      
101.
		<?php else: ?> 
102.
 
103.
		<div class="content_m_full"> 
104.
 
105.
			<div class="content_b_full"> 
106.
 
107.
				<div class="content_t_full"> 
108.
 
109.
		<?php endif; ?> 
110.
 
111.
				     
112.
 
113.
		<?php if($this->countModules('left') and JRequest::getCmd('layout') != 'form') : ?> 
114.
 
115.
		<div id="leftcolumn"> 
116.
 
117.
			<jdoc:include type="modules" name="left" style="rounded" /> 
118.
 
119.
			<br /> 
120.
 
121.
			<?php $sg = 'banner'; include "templates.php"; ?> 
122.
 
123.
			<br /> 
124.
 
125.
		</div> 
126.
 
127.
		<?php endif; ?> 
128.
 
129.
		 
130.
 
131.
		<?php if($this->countModules('left') and $this->countModules('right') and JRequest::getCmd('layout') != 'form') : ?> 
132.
 
133.
		<div id="maincolumn">			 
134.
 
135.
		<?php elseif($this->countModules('left') and !$this->countModules('right') and JRequest::getCmd('layout') != 'form') : ?> 
136.
 
137.
		<div id="maincolumn_left"> 
138.
 
139.
		<?php elseif(!$this->countModules('left') and $this->countModules('right') and JRequest::getCmd('layout') != 'form') : ?> 
140.
 
141.
		<div id="maincolumn_right"> 
142.
 
143.
		<?php else: ?> 
144.
 
145.
		<div id="maincolumn_full"> 
146.
 
147.
		<?php endif; ?> 
148.
 
149.
		 
150.
 
151.
		<div class="nopad"> 
152.
 
153.
                      
154.
 
155.
			 
156.
 
157.
			<jdoc:include type="message" /> 
158.
 
159.
			<?php if($this->params->get('showComponent')) : ?> 
160.
 
161.
				<jdoc:include type="component" /> 
162.
 
163.
			<?php endif; ?> 
164.
 
165.
                     
166.
 
167.
		</div> 
168.
 
169.
			 
170.
 
171.
		</div> 
172.
 
173.
			 
174.
 
175.
		<?php if($this->countModules('right') and JRequest::getCmd('layout') != 'form') : ?> 
176.
 
177.
		<div id="rightcolumn"> 
178.
 
179.
			<jdoc:include type="modules" name="right" style="rounded" /> 
180.
 
181.
		</div> 
182.
 
183.
		<?php endif; ?> 
184.
 
185.
		<div class="clr"></div> 
186.
 
187.
		 
188.
 
189.
		<div id="footer"> 
190.
 
191.
			<div id="sgf"> 
192.
 
193.
				<p> 
194.
 
195.
					<jdoc:include type="modules" name="debug" /> 
196.
 
197.
					<?php $sg = ''; include "templates.php"; ?> 
198.
 
199.
				 
200.
 
201.
				</p> 
202.
 
203.
			</div> 
204.
 
205.
		</div> 
206.
 
207.
		 
208.
 
209.
				</div> 
210.
 
211.
			</div> 
212.
 
213.
		</div> 
214.
 
215.
	</div>	 
216.
 
217.
			 
218.
 
219.
</body> 
220.
 
221.
</html>
Bitte warten ..
Mitglied: Guenni
16.03.2013 um 21:21 Uhr
Zitat von ComTech32:
habe ich schon gemacht hat nichts gebracht

Hi ComTech32,

vielleicht ist dein DIV nicht "ausgefüllt". Die Scrollbar erscheint ansonsten automatisch.

01.
<html> 
02.
<head> 
03.
<title></title> 
04.
</head> 
05.
<style type="text/css"> 
06.
<!--  
07.
#content { 
08.
 background-color: #00ff00;  
09.
 margin-top:0px;  
10.
 width:500px;  
11.
 height:100px;  
12.
 overflow:auto; 
13.
}  
14.
--> 
15.
</style> 
16.
<body> 
17.
<div id="content"> 
18.
<h3>Hallo zusammen . . . </h3> 
19.
<p>Das ist ein Absatz.</p> 
20.
<p>Das ist ein weiterer Absatz.</p> 
21.
<p>Sollten wir Absätze nicht in den DIV passen, erscheint rechts eine Scrollbar.</p> 
22.
</div> 
23.
</body> 
24.
</html>
Gruß
Günni
Bitte warten ..
Neuester Wissensbeitrag
Internet

Unbemerkt - Telekom Netzumschaltung! - BNG - Broadband Network Gateway

(3)

Erfahrungsbericht von ashnod zum Thema Internet ...

Ähnliche Inhalte
Apache Server
Joomla - Aktualisierung über das Backend möglich? (3)

Frage von FA-jka zum Thema Apache Server ...

CMS
Kommentar bzw. Diskussionsfunktion für Joomla (2)

Frage von rababar2014 zum Thema CMS ...

PHP
Joomla Template bearbieten (1)

Frage von wescraven07 zum Thema PHP ...

Heiß diskutierte Inhalte
Windows Server
Outlook Verbindungsversuch mit Exchange (15)

Frage von xbast1x zum Thema Windows Server ...

Grafikkarten & Monitore
Tonprobleme bei Fernseher mit angeschlossenem Laptop über HDMI (11)

Frage von Y3shix zum Thema Grafikkarten & Monitore ...

Microsoft Office
Keine Updates für Office 2016 (11)

Frage von Motte990 zum Thema Microsoft Office ...