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, 1956 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
Router & Routing

192.168er Adresse im öffentlichen Netz

(1)

Erfahrungsbericht von visco-c zum Thema Router & Routing ...

Ähnliche Inhalte
PHP
gelöst PHP Version und Joomla aktualisieren (2)

Frage von Leo-le zum Thema PHP ...

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

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

Heiß diskutierte Inhalte
Zusammenarbeit
Als Administrator im Großraumbüro (23)

Frage von Dopamin85 zum Thema Zusammenarbeit ...

Exchange Server
Test-ActiveSyncConnectivity Error nach neuem Zertifikat (19)

Frage von Driphex zum Thema Exchange Server ...

Hyper-V
HYPER V und USB (16)

Frage von Hendrik2586 zum Thema Hyper-V ...

Batch & Shell
gelöst Batch xls nach aktuellem Datum auslesen und email senden (14)

Frage von michi-ffm zum Thema Batch & Shell ...