Seitendesign an Textlänge anpassen

Fragen zu allen Themen rund ums Programmieren außerhalb von phpBB können hier gestellt werden - auch zu anderen Programmiersprachen oder Software wie Webservern und Editoren.
FarChris
Mitglied
Beiträge: 1150
Registriert: 29.10.2004 22:40

Seitendesign an Textlänge anpassen

Beitrag von FarChris »

Hallo,
ich möchte die Seitenlänge automatisch an der Länge des Textes anpassen.
Wenn ich in der CSS Datei die DIV-Box für den Inhalt auf "auto" stelle, dann ist es so, wie ich es haben möchte. Allerdings passt sich das Menü nicht mit an.
Und wenn ich dann keinen Text habe, dann ist die Seite halt zu klein.

- Ich würde es gerne so haben, dass die Seite standardmäßig die Größe hat, die diese jetzt besitzt. Wenn der Text länger wird, soll sich automatisch das Menü und die Inhaltbox vergrößern.

Hier der Link:
http://comuse.org/eifel/

Danke für Hilfe! :)
Benutzeravatar
S2B
Ehemaliges Teammitglied
Beiträge: 3258
Registriert: 10.08.2004 22:48
Wohnort: Aachen
Kontaktdaten:

Beitrag von S2B »

Vielleicht reicht dir ja das schon:

Code: Alles auswählen

<div style="float: left; width: 200px">
   <!-- Menü -->
</div>
<div style="margin-left: 200px">
   <!-- Inhalt -->
</div>
Dadurch wird das Umfließen der Menü-Box unterbunden.

Wenn das Menü wirklich die gleiche Höhe wie die Inhalts-Box annehmen soll, wird das um einiges schwieriger. Wohl oder übel musst du da tief in die Trickkiste greifen.
Gruß, S2B
Keinen Support per ICQ/PM!
Hier kann man meine PHP-Skripte und meine MODs für phpBB runterladen.
FarChris
Mitglied
Beiträge: 1150
Registriert: 29.10.2004 22:40

Beitrag von FarChris »

edit:
Hallo, danke, die Lösung ist perfekt.

Zum Menü Problem:
Ich habe nun den kompletten Quelltext in eine Div-Box gesetzt, die als Hintergrund das bg.gif und die Linie auf der linken Seite beinhaltet.

<div style="border-left:1px solid silver; background-image: url(bg.gif); ">
</div>

Dann habe ich den CSS Code etwas angepasst, damit das Menü ebenfalls das bg.gif als Hintergrundbild hat.

Nun sieht es so aus, dass das Menü sich immer automatisch mitzieht, obwohl es das Hintergrundbild ist.
FarChris
Mitglied
Beiträge: 1150
Registriert: 29.10.2004 22:40

Beitrag von FarChris »

Hallo,
ich habe ein weiteres Problem.

Und zwar.
Ich möchte oben im Header einmal das Logo haben, das nicht auf der y-Achse verdoppelt werden soll und danach eine kleine Bilddatei:
http://comuse.org/eifel/logo1.jpg

Die dann auf der y-Achse wiederholt werden soll.

Wie kann man es mit zwei Hintergründen machen?

Danke!
Benutzeravatar
S2B
Ehemaliges Teammitglied
Beiträge: 3258
Registriert: 10.08.2004 22:48
Wohnort: Aachen
Kontaktdaten:

Beitrag von S2B »

Das ist im Moment mit CSS noch nicht möglich. Du musst also zwei Boxen einsetzen. :wink:
Gruß, S2B
Keinen Support per ICQ/PM!
Hier kann man meine PHP-Skripte und meine MODs für phpBB runterladen.
Benutzeravatar
h32Lg
Mitglied
Beiträge: 324
Registriert: 04.04.2008 11:05
Wohnort: Bayern
Kontaktdaten:

Beitrag von h32Lg »

OT: Für welches Format hast du die Seite eingerichtet ? ;-)

Ich nutz standardmäßig 1280px in der Breite bei meinem kleinem Bildschirm.

Als Tip würd ich dir gleich empfehlen die Page MAXIMAL an 1024px Breite anzupassen, da selbst das noch für die meißten ne zu große Auflösung ist :)

/OT

greets h32Lg 8)
Moralisten sind Leute, die sich dort kratzen wo es andere juckt!
Legt euer Geld in Alkohol an! Wo sonst gibt es mehr als 40% ;-)
Besucht doch auch mal http://www.mircscriptz.de wenn ihr euch für IRC und mIRC-Addons interessiert!
FarChris
Mitglied
Beiträge: 1150
Registriert: 29.10.2004 22:40

Beitrag von FarChris »

Hallo,
dass habe ich auch schon probiert, aber es will einfach nicht klappen.
Wie sollte der Code denn dann aussehen?

Vielen Dank!
Benutzeravatar
h32Lg
Mitglied
Beiträge: 324
Registriert: 04.04.2008 11:05
Wohnort: Bayern
Kontaktdaten:

Beitrag von h32Lg »

Hi, hab mir den Code jetzt noch nicht angeschaut, aber du könntest ja dein width auf maximal 1024 setzen (inkl dein Menü etc was du halt so in der Breite hast)

greets h32Lg 8)
Moralisten sind Leute, die sich dort kratzen wo es andere juckt!
Legt euer Geld in Alkohol an! Wo sonst gibt es mehr als 40% ;-)
Besucht doch auch mal http://www.mircscriptz.de wenn ihr euch für IRC und mIRC-Addons interessiert!
FarChris
Mitglied
Beiträge: 1150
Registriert: 29.10.2004 22:40

Beitrag von FarChris »

Bei Widescreens sieht dass aber dann nicht so toll aus^^
FarChris
Mitglied
Beiträge: 1150
Registriert: 29.10.2004 22:40

Beitrag von FarChris »

ok, ich mach es dann nun doch anders.
Allerdings muss ich dafür das Logo transparent machen.
Mit dem Dateiformat: png funktioniert es, aber mit dem Format hat der Internet Explorer 6 ja Probleme.

Nun habe ich es mit Gif gemacht, aber da bleibt immer ein kleiner weißer Rand:
http://comuse.org/eifel/index.php

Wie kann man den entfernen?

Danke.
Antworten

Zurück zu „Coding & Technik“