• 08.07.2025, 07:11
  • Registrieren
  • Anmelden

  • Sie sind nicht angemeldet.

 

wiedermal css: mindesthöhe + dynamische komponente

Lieber Besucher, herzlich willkommen bei: Aqua Computer Forum. Falls dies Ihr erster Besuch auf dieser Seite ist, lesen Sie sich bitte die Hilfe durch. Dort wird Ihnen die Bedienung dieser Seite näher erläutert. Darüber hinaus sollten Sie sich registrieren, um alle Funktionen dieser Seite nutzen zu können. Benutzen Sie das Registrierungsformular, um sich zu registrieren oder informieren Sie sich ausführlich über den Registrierungsvorgang. Falls Sie sich bereits zu einem früheren Zeitpunkt registriert haben, können Sie sich hier anmelden.

iNFiNiTE

God

wiedermal css: mindesthöhe + dynamische komponente

Dienstag, 29. Januar 2008, 09:09

moin,

ich möchte folgendes bewerkstelligen:

ein div container sollte immer die höhe von 700px haben - an sich kein problem. nur wenn der inhalt des containers mehr platz einnimmt als die 700px soll er eben dynamisch soviel größer werden, dass der inhalt reinpasst ohne dass dieser über die container grenzen hinaus "schwappt".

das problem ist ansich folgendes: ich möchte eine seite mit weniger content nicht so klein bzw leer aussehen lassen.

danke schonmal im vorraus,
messi
Multiswitch Script Generator NG | Aquaero2Multiswitch | Ae Relais | Verkaufe AT Plexi!

pharao

Moderator

Re: wiedermal css: mindesthöhe + dynamische kompon

Dienstag, 29. Januar 2008, 09:24

hack: mach einen div-container im Hintergrund, der eine Höhe von 700px hat, und die gleiche Farbe wie der container, der mit Inhalt gefüllt ist. den Container mit Inhalt machst du dynamisch.
Gute work-live-balance ist, wenn man von seinem Privatleben erschöpfter ist als von der Arbeit.

iNFiNiTE

God

Re: wiedermal css: mindesthöhe + dynamische kompon

Dienstag, 29. Januar 2008, 09:58

ok, das problem ist nur dass der inhalt container nen rahmen hat..
Multiswitch Script Generator NG | Aquaero2Multiswitch | Ae Relais | Verkaufe AT Plexi!

pharao

Moderator

Re: wiedermal css: mindesthöhe + dynamische kompon

Dienstag, 29. Januar 2008, 11:32

hmm, dann geht das natürlich nicht.

mach den Rahmen weg ;D
Gute work-live-balance ist, wenn man von seinem Privatleben erschöpfter ist als von der Arbeit.

iNFiNiTE

God

Re: wiedermal css: mindesthöhe + dynamische kompon

Dienstag, 29. Januar 2008, 11:42

geht leider ned :-/ der gehört zum design :'(
Multiswitch Script Generator NG | Aquaero2Multiswitch | Ae Relais | Verkaufe AT Plexi!

xx_ElBarto

God

Re: wiedermal css: mindesthöhe + dynamische kompon

Dienstag, 29. Januar 2008, 14:51

dann nimm halt einfach min-height:
http://www.css4you.de/min-height.html

iNFiNiTE

God

Re: wiedermal css: mindesthöhe + dynamische kompon

Dienstag, 29. Januar 2008, 18:30

danke! das sieht ganz gut aus und die kompatibilität auch :)
Multiswitch Script Generator NG | Aquaero2Multiswitch | Ae Relais | Verkaufe AT Plexi!

TrOuble

God

Re: wiedermal css: mindesthöhe + dynamische kompon

Dienstag, 29. Januar 2008, 20:26

Der Vorschlag von hobbes funktioniert doch einwandfrei - lass einfach den unsinnigen Part mit der Hintergrundfarbe weg und schon hast du exakt das, wonach du gesucht hast ;)

Falls du Probleme haben solltest kann ich dir das kurz exemplarisch zeigen ...

Zitat von »elbarto`«

dann nimm halt einfach min-height:
http://www.css4you.de/min-height.html[/quote]

Versteht der IE6 leider (fast) nicht und wäre für mich damit ein eindeutiges K.O Kriterium - der IE 6 macht halt immernoch aktuell 33.2% der durchschnittlichen User aus.

Gruß TrOuble

Ansonsten wenn du umbedingt min-height verwenden willst:
zwar bisschen dirty und nen css-hack aber so gehts am schnellsten mit dem wenigstens zeilen Code:

Quellcode

 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css"><!--
#content
{
      min-height:700px;
      height:auto !important;
      height:700px;
      background-color: #cccccc;
}
// --></style>
</head>
<body>
      <div id="content">
            Inhalt hier rein
      </div>
</body>
</html>