WebWork Magazin - Webseiten erstellen lassen, Online Medien, html

Webhoster, Webhosting Provider und Domain registrieren

Home | Registrieren | Einloggen | Suchen | Aktuelles | GSL-Webservice | Suleitec Webhosting
Reparatur-Forum | Elektro forum | Ersatzteilshop Haushalt und Elektronik



Im Homepage und Webhosting-Forum --- CSS LAyer mit 100% Höhe

HTML, XHTML, CSS , style, XML, Javascript und mehr, Fragen, Tipps und Anregungen zu diesen Basic Techniken - hier rein !

Forum » HTML, CSS - Hilfe für das Erstellen einer Homepage » CSS LAyer mit 100% Höh... - 20 Mai 2024 Antworten
im Forum für Webhosting Homepage gefunden:
CSS LAyer mit 100% Höhe
patrickpaulsen
Otto-Normal-Poster
Threadstarter




Beiträge: 62

Hallo

Ich bin ja eigentlich nicht sonderlich begriffsstutzig, aber irgendwie...

Folgendes Problem:

Ich möchte gerne mehrere CSS DIV Layer 100% Höhe zuweisen, so das diese sich dem Inhalt anpassen. Aber leider schaffe ich es nur, das er die Bildschirmhöhe komplett ausfüllt. Scrolle ich nun weiter nach unten, um den restlichen Kontent zu sehen, hört der Layer auf.

Schwer zu erklären... deshalb >>> http://www.designerkompetenz.de/templates/dk_templ/index.php

Wäre über Hilfe dankbar...


---
Patrick Paulsen
================

http://www.designerkompetenz.de

  Profil   Website   Editieren   Zitieren
skc.tiddy
Otto-Normal-Poster




Beiträge: 81

man kann divs auch verschachteln....

oder du gibts dem div mit dem main-content nen hintergrund und ne fest breite...

---
...blah.

Diese Nachricht wurde geändert von: skc.tiddy
  Profil   Website   Editieren   Zitieren
sondermuelli
Quasselstrippe




Beiträge: 364

du hast dich wohl noch nicht wirklich mit css beschäftigt? bei dem katastrophen-code ist es jedenfalls kein wunder, dass das nicht so klappt wie gedacht.

1. du hast sieben divs. brauchen würdest du nur eines.
2. die divs sind zwar verschachtelt, aber alle absolut positioniert. damit nimmst du sie aus dem textfluss raus --> das umschliessende div wird also auch nicht soweit wie der inhalt nach unten gestreckt.
3. funktioniert das mit der höhe 100% spätestens wenn du einen gescheiten doctype verwendest in den modernen browsern eh nicht mehr.
4. wenn du willst, dass sich das div soweit streckt wie der inhalt, dann lass die höhen angabe weg oder schreibe height:auto.
5. was soll die xml-declaration am anfang vom dokument, wenn du weder einen xhtml-doctype angibst, noch xhtml-markup verwendest?

---
wer hilft mir beim geschirr spülen?

  Profil   E-Mail   Website   Editieren   Zitieren
patrickpaulsen
Otto-Normal-Poster
Threadstarter




Beiträge: 62

Hallo

Danke erstmal euch beiden...

zu1: Ich benötige mehrere Divs, weil ich an bestimten Positionen verschiedene Includes einbauen will.
zu5: Tja, warum ich die eingebaut habe, weiß ich auch net...!

Hast aber Recht mit der Aussage, das ich mich noch nicht wirklich mit css beschäftigt habe.

Hab jetzt mal nach euren Anweiungen gehandelt, aber immer noch kein wirklich positives Ergebniss. Zwar passt sich der Layer nun dem Text an, aber dafür ist nun nicht mehr der gesammte Text zu sehen.

---
Patrick Paulsen
================

http://www.designerkompetenz.de

  Profil   Website   Editieren   Zitieren
patrickpaulsen
Otto-Normal-Poster
Threadstarter




Beiträge: 62

Keiner ne Lösung??

---
Patrick Paulsen
================

http://www.designerkompetenz.de

  Profil   Website   Editieren   Zitieren
sondermuelli
Quasselstrippe




Beiträge: 364

ich hab eben mal was gemacht, was hoffentlich ungefähr das ist, was du brauchst. es wäre wahrscheinlich irgendwie noch einfacher oder besser gegangen, dürfte aber ganz brauchbar sein.

>> Klick

---
wer hilft mir beim geschirr spülen?

  Profil   E-Mail   Website   Editieren   Zitieren
patrickpaulsen
Otto-Normal-Poster
Threadstarter




Beiträge: 62

Vielen Dank... vielleicht bringt mich das jetzt weiter!

---
Patrick Paulsen
================

http://www.designerkompetenz.de

  Profil   Website   Editieren   Zitieren
patrickpaulsen
Otto-Normal-Poster
Threadstarter




Beiträge: 62

Hallo nochmal

Vielen Dank, hat geklappt. Ich gelobe Besserung

Unter der bereits genannten URL könnt ihr übrigens die Fortschritte beobachten, wenn ihr Lust habt. Und wenn ihr mögt, könnt ihr mir auch gerne weiterhin Tips und Verbesserungsmöglichkeiten nennen.

Danke nochmal....!

---
Patrick Paulsen
================

http://www.designerkompetenz.de

  Profil   Website   Editieren   Zitieren
skc.tiddy
Otto-Normal-Poster




Beiträge: 81

Fatal error: Call to undefined function: mosloadmodules() in /homepages/30/d67073495/htdocs/com/templates/dk_templ/index.php on line 70

naja...das ist wohl noch kein fortschritt.

---
...blah.

Diese Nachricht wurde geändert von: skc.tiddy
  Profil   Website   Editieren   Zitieren
patrickpaulsen
Otto-Normal-Poster
Threadstarter




Beiträge: 62

Hallo

Ist mehr oder weniger gewollt. Kommt durch ein paar Änderungen an den Pfaden der Includes!

---
Patrick Paulsen
================

http://www.designerkompetenz.de

  Profil   Website   Editieren   Zitieren
skc.tiddy
Otto-Normal-Poster




Beiträge: 81

was machste denn da gross mit includes......reicht doch...

1: 
2: 
3: 
4:

main content
main content


was kann denn da gewollte sein ....


---
...blah.

  Profil   Website   Editieren   Zitieren
patrickpaulsen
Otto-Normal-Poster
Threadstarter




Beiträge: 62

Naja...

Dahinter steckt ein CMS. Das ist auch für die Fehlermeldung verantwortlich.
Das CMS prüft ob eine Datei direkt geladen wird oder nicht.

Wenn ich nun die includes komplett in das meinige Template setze, wird Fehlermeldug angezeigt. Lade ich jedoch das CMS hoch und zeige es über das CMS an, wird es korrekt (ohne Fehlermeldung) angezeigt.

Wie auch immer... sollte hin und wieder mal eine Fehlermeldung erscheinen, ist dies mehr oder weniger miteingeplant. Gewollt ist vielleicht der falsche Ausdruck!

---
Patrick Paulsen
================

http://www.designerkompetenz.de

  Profil   Website   Editieren   Zitieren
patrickpaulsen
Otto-Normal-Poster
Threadstarter




Beiträge: 62

Hallo

So, habe fertisch....! Ah... Richtiiiiiiich....

>>> hier zu sehen >>> www.designerkompetenz.de

Hab aber noch ein klitze kleines Problem...

Wenn man im Menü z.B. auf News klickt, erscheint der autom. dem Inhalt angepasste "Content-Layer". Die Submenüs und kleinen Blogs auf der rechten Seite werden nun jedoch eingrückt und erscheinen somit völlig unpositioniert.

Ich müsste den Layern nun also eine absolute Positionen geben! Wie??

Um meine Frage beantworten zu können, hier der Code meiner CSS Datei mit Angaben zu den Layern.

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: 
142: 
143: 
144: 
145: 
146: 
147: 
148: 
149: 
150: 
151: 
152: 
153: 
154: 
155: 
156: 
157: 
158: 
159: 
160: 
161: 
162: 
163: 
164: 
165: 
166: 
167: 
168: 
169: 
170: 
171: 
172: 
173: 
174: 
175: 
176: 
177: 
178: 
179: 
180: 
181: 
182: 
183: 
184: 
185: 
186: 
187: 
188: 
189: 
190: 
191: 
192: 
193: 
194: 
195: 
196: 
197: 
198: 
199: 
200: 
201: 
202: 
203: 
204: 
205: 
206: 
207: 
208: 
209: 
210: 
211: 
212: 
213: 
214: 
215: 
216: 
217: 
218: 
219: 
220:
/*  */

/* Links */
a {
	font-size: 11px
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	color: #808080;
	text-decoration: none; }

a:hover {
	color: #ff6600;
	text-decoration: none; }

a:active {
	text-decoration:underline;
	color: #000066; }

/* Table Column */	
td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333; }	

/* Horizontal Line */	
HR {
	background: #c0c0c0;
	height:2px;
   width:170px;
	border: 1px inset; }


	
/* --Default Class Settings-- */	

.articlehead {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
 	color: #333333 }
	
.button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 11px;
	color: #000000;
	border-style: solid;
	border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px } 

.componentHeading {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	text-align: left }

.inputbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	background: #FFFFFF;
	border: 1px solid; }

.newsarticle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-align: left }	

.newspane {
	background-color : White; }

.newspaneopen {
	border : 0px ridge #DCDCDC; }
	
.poll {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	line-height: 14px }
	
.popupwindow {
	background-color : #FFFFFF; }
	
.sectiontableentry1 {
	background-color : #FFFFFF; }

.sectiontableentry2 {
	background-color : #EBEBEB; }

.sectiontableheader {
	background-color : #999999;
	color : #FFFFFF;
	font-weight : bold; }
	
.small {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ff6600;
	text-decoration: none; 
	font-weight: medium }
			
.smalldark {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #000000; 
	font-weight: normal }

li { list-style: inside url(../images/M_images/arrow.gif) 2px;
	list-style-image: url(../images/M_images/arrow.gif);
}
table.moduletable {
	margin: 0px 0px 0px 0px;
	width: 95%;
	border-left: solid 0px #000000;
	border-right: solid 0px #000000;
	border-top: solid 0px #000000;
	border-bottom: solid 0px #000000;
	}

table.moduletable th {
  font-size        : 11px;
  text-align: left
}


Ps.: Würde auch gerne ein paar Meinungen zum Design etc. hören.


---
Patrick Paulsen
================

http://www.designerkompetenz.de

Diese Nachricht wurde geändert von: patrickpaulsen
  Profil   Website   Editieren   Zitieren
sondermuelli
Quasselstrippe




Beiträge: 364

hm. das layout ist schwer augenkrebsverdächtig. viel zu kontratsreiche 45°-linien wo man hinschaut. das bild im header hingegen gefällt mir gut.

zu dem css:
1. ich verstehe nicht warum du dir die mühe gemacht hast, die layout-struktur mit divs und css zu machen, wenn du dann innerhalb der divs alles mit tabellen zuknallst.
2. das problem mit den wild positionierten "Submenüs und kleinen Blogs auf der rechten Seite" behebst du am besten, indem du die dinger alle ungefloatet in ein umschliessendes div reinsetzt.
3. du hast dich in keinster weise mit dem boxmodell auseinandergesetzt. deshalb wird das layout in allen browsern ausser dem ie zerschossen, weil dieser border- und padding-angaben falsch umsetzt solange er keinen doctype bekommt, der ihn in den standard-modus switcht (und das geht auch erst seit version 6). also musst du entweder versuchen auf padding-right und padding-left angaben zu verzichten (was ich in meinem beispiel getan habe) oder tanteks boxmodel-hack verwenden.



---
wer hilft mir beim geschirr spülen?

  Profil   E-Mail   Website   Editieren   Zitieren
patrickpaulsen
Otto-Normal-Poster
Threadstarter




Beiträge: 62

Hallo

zu1.) Weil ich mich einfach mal mit dem Thema auseinander setzen wollte und somit lerne. Die Tabellen innerhalb der Div´s entstehen durch das CMS. Das werde ich aber später bereinigen... hoff ich.

zu2.) Hat geklappt.... Danke

zu3.) Nein, habe ich wirklich nicht. Ich versuche mal eine entsprechende Lösung zu finden und melden mich bei Erfolg oder Mißerfolg nochmal. Danke nochmal...

---
Patrick Paulsen
================

http://www.designerkompetenz.de

  Profil   Website   Editieren   Zitieren
Seite 1 | 2  

Antworten
Forum » HTML, CSS - Hilfe für das Erstellen einer Homepage » CSS LAyer mit 100% Höh...

Aktuelle Beiträge zur Hilfe im Forum für Homepage - CSS LAyer mit 100% Höhe im Forum Homepage Hosting AntwortenLetztes Posting
Unvorhersehbare Layout-Verschiebungen auf meiner Seite - Ideen?
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
0 20.08.2023 20:14 von Freud
Geschenkidee zum Geburtstag
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
2 14.04.2022 16:08 von bryleth03
Webdesigner gesucht
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
2 10.12.2021 15:04 von Rieke
Welcher Hoster ist der Beste?
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
1 10.12.2021 15:02 von Rieke
Warum Wordpress?
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
6 05.07.2021 18:27 von Rieke
Die Idee einen Blog zu führen
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
2 27.02.2021 09:50 von Samira2021
zu viele css dateien?!
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
4 19.01.2021 19:20 von Laurena
WIe kann ich Datum ausblenden?
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
1 23.11.2020 12:21 von noahradar96
Tabelle mit Mannschaftslogos
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
3 23.10.2019 14:54 von andyy
Eigene Website erstellen - kostenlos!
in "HTML, CSS - Hilfe für das Erstellen einer Homepage"
0 17.05.2019 15:01 von Fusselchen



Besucher : 7995958    Heute : 320     Gestern : 411     Online : 21     20.5.2024    11:57      0 Besucher in den letzten 60 Sekunden        
Nach oben