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 --- Contenthöhe auf Browserhöhe anpassen

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 » Contenthöhe auf Browse... - 21 Dez 2024 Antworten
im Forum für Webhosting Homepage gefunden:
Contenthöhe auf Browserhöhe anpassen
onliner
Pixelschubser




Beiträge: 8

Hallo zusammen,

durch Zufall und auf der Suche nach einer anderen Frage bin ich auf diesem interessanten Thread gelandet. Ich habe gerade angefangen, mich mit tabellenfreiem Design zu beschäftigen und mit einiger Arbeit, der passenden Doctype Definition und einem Taschenrechner mein erstes Design gebaut. Nun habe ich ein ähnliches Problem. Ich habe in jeder Zeile mehrere Boxen mit unterschiedlichen Abständen.

Zwei Reihen oben mit jeweils zwei Boxen, dann eine Contentreihe mit Navigation rechts und Links und als Abschluss einen Footer. Mein Problem ist, dass die Navigation links und rechts neben dem Content nicht mit gestreckt wird. Ich habe versucht, meinen Code an Hand des Beispiels hier umzubauen, bin aber gescheitert :( Vielleicht habt ihr ja einen Tipp, wie die beiden Menüs mit dem Content wandern

Hier der Code:

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:



meineseite.de




Hier ist der Inhalt, der den contentframe streckt


und hier das Stylesheet dazu...

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:
html {
	height: 100%;
	min-height: 100%;
	max-height: 999%;
}

body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: silver;

}

#outline {
	width: 912px;
	height: 100%;
	min-height: 600px;
	max-height: 999%;
	background-color: silver;
}

#reihe1 {
	width: 912px;
	height: 22px;
}

#obenlinks {
	width: 700px;
	height: 18px;
	background-color: white;
	border: 1px solid #313D27;
	float: left;
	text-align: left;
	margin: 0px 0px 2px 0px;
	padding: 0px 0px 0px 2px;
}

#obenrechts {
	width: 200px;
	height: 18px;
	background-color: white;
	text-align: left;
	border: 1px solid #313D27;
	float: right;
	margin: 0px 0px 2px 2px;
	padding: 0px 2px 0px 2px;
}

#reihe2 {
	width: 912px;
	height: 81px;

}

#logo {
	width: 602px;
	height: 77px;
	background-color: white;
	border: 1px solid #313D27;
	margin: 0px 2px 2px 0px;
	float: left;
}
#shoutbox {
	width: 300px;
	height: 77px;
	background-color: white;
	text-align: left;
	border: 1px solid #313D27;
	float: right;
	margin: 0px 0px 2px 0px;
	padding: 0px 2px 0px 2px;

}

#reihe3 {
	width: 912px;
	height: 100%;
	min-height: 100%;
	max-height: 999%;
}

#menu {
	width: 140px;
	height: 100%;
	background-color: white;
	min-height: 100%;
	max-height: 999%;
	text-align: left;
	border: 1px solid #313D27;
	padding: 5px 0px 0px 2px;
	margin: 0px 2px 2px 0px;
	float: left;
}

#content-main {
	width: 648px;
	height: 100%;
	background-color: white;
	min-height: 100%;
	max-height: 999%;
	text-align: left;
	border: 1px solid #313D27;
	padding: 5px 5px 0px 5px;
	margin: 0px 2px 2px 0px;
	float: left;
}

#menu-right {
	width: 102px;
	height: 100%;
	background-color: white;
	min-height: 100%;
	max-height: 999%;
	border: 1px solid #313D27;
	padding: 5px 0px 0px 0px;
	margin: 0px 0px 2px 0px;
	float: right;
}

#reihe4 {
	width: 912px;
	height: 22px;
}

#footer {
	width: 910px;
	background-color: white;
	height: 18px;
	border: 1px solid #313D27;
	margin: 2px 0px 0px 0px;
	float: left;
}

div {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height:16px;
	border-color:#313D27;
}


Viele Grüße,
Onliner

---
Niemand hat das Recht, zu gehorchen - Hanna Ahrendt, Philosophin.

Diese Nachricht wurde geändert von: onliner
  Profil   E-Mail   Website   Editieren   Zitieren
nisita
Posting-Schinder




Beiträge: 540

hallo,

so wie du es haben willst, das geht leider nicht.. jedenfalls ist dieses problem mir schon oft untergekommen, aber es gibt nicht DIE ideale lösung...
sowas wird dann meistens so gelöst, dass das bei dir das reihe3 div ein hitnergrundbild bekommt, was in y-richtung wiederholt wird, und die anderen 3 spalten bekommen keinen hintergrund.. dadurch kann man ein 3-spalten layout so wie du es haben willst "andeuten"... -wird z.b. auch bei fast alles bloggs etc so verwendet.. um mal einen bekannten zu nenen: (http://www.justwatchthesky.com/index.asp) -dort ist auch die rechte leiste auf den inhalt so "angepasst"...

ach ja.. wenn du schon gerade noch am anfang der seite steht.. z.b. die center tags, solltest du rausmachen, genauso sowas wie '' -definiere sowas doch einfach in der css datei...

und die seite, ist definitiv zu breit -würde ich so vom gefühl her sagen.. am besten wäre es, wenn du sie abhängig der breite des browsers amchen würdest, oder halt ein bisschen kleiner..

viele grüße,
nisita

PS: mache bitte beim nächsten mal ein neues topic auf, und beziehe dich z.b. per link auf diesen beitrag... das macht es einfacher..

---
"Wir sollten lernen, uns allmählich vom Überfluss zu befreien, um zur Einfachheit unseres eigenen Wesens vorzudringen." Jean Gastaldi

  Profil   Editieren   Zitieren
onliner
Pixelschubser




Beiträge: 8

Danke! Du hast mir gerade die Augen geöffenet. Mit einem HG Bild wird alles so einfach. Danke auch für den Hinweis auf den body tag im Template. Den hatte ich völlig übersehen, da er vom Stylesheet überschrieben wird. Ist wie gesagt meine erste Div Seite und das nächste mal mach ich ein eigenes Thema auf.

Greetings,
Onliner

---
Niemand hat das Recht, zu gehorchen - Hanna Ahrendt, Philosophin.

  Profil   E-Mail   Website   Editieren   Zitieren
Seite 1 | 2  

Antworten
Forum » HTML, CSS - Hilfe für das Erstellen einer Homepage » Contenthöhe auf Browse...

Aktuelle Beiträge zur Hilfe im Forum für Homepage - Contenthöhe auf Browserhöhe anpassen 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 : 8143349    Heute : 572     Gestern : 558     Online : 84     21.12.2024    17:54      0 Besucher in den letzten 60 Sekunden        
Nach oben