Gesamthöhe kleiner als der Bildschirm

Computer: Software & Programmierung HTML & CSS
#1

Guten Tag !
Das Problem ist dass der Text in #right sehr klein ist und die gesamte Höhe dadurch sehr gering. Dadurch entsteht ein leerer weisser Raum unter dem Footer. Wie schaffe ich dass die Grösse mindestens so groß wie der bildschirm ist ?
Vielen Dank!

HTML:

-Aufzählungen

Kurzer Text

CSS:

#mainmain{
overflow:auto;
width:1264px;
height:auto;
}
#main{
overflow:auto;
width:910px;
height:auto;
}
#mininavi{
float:left;
width:150px;
height:auto;
}
#right{
float:left;
height:auto;
width:699px;
}

#2

Hallo lolipop,

alles gut erklärt hier:
http://de.selfhtml.org/css/eigenschaften/positionier…

und in der Erläuterung der numerischen Angaben:
http://de.selfhtml.org/css/formate/wertzuweisung.htm…

Gruß
Klaus

#3

Danke schön , ich guck es mir an !

#4

Also ich habe gefunden dass ich min-height:; eingeben soll aber ich fand nicht heraus was genau ich darein schreiben soll dass die Webseite sich automatisch an die Bildschirmauflösung anpasst. Ich habe es mit 100% und auch mit auto versucht aber da hat sich nichts verändert. Ich habe es in #main geschriben also in den wichtigsten div wo der ganze text steht.
Könntest du mir weiterhelfen?

#5

Um für ein Element innerhalb des -Tags eine Höhe von 100% einzustellen, solltest du für das - und den -Tag ebenfalls die Höhe auf 100% festlegen, damit es in allen Browsern funktioniert.

#6

Funktioniert leider immer noch nicht. Wenn ich die Angebe in px mache dann geht das in % jedoch nicht :frowning:

#7

Funktioniert leider immer noch nicht. Wenn ich die Angebe in
px mache dann geht das in % jedoch nicht :frowning:

ich weiß nicht, was du machst??


body {height:100%}
#mainmain{ overflow:auto; width:1264px; height:auto;}
#main{ overflow:auto; width:910px;}
#mininavi{ float:left; width:150px;}
#right{ float:left; height:100%; width:699px; background-color:silver;}


    -Aufzählungen

    Kurzer Text


(right mit hintergrund-farbe, damit die Größe zu sehen ist)

prima 100% :wink:))

#8

So habe ich das, funktioniert aber trotzdem nicht .

div id=„main“>

Text

Kurzer Text

CSS:
div{
height:100%;}
#mainmain{
overflow:auto;
width:auto;
height:auto;
margin-left:-8px;}
#main{
overflow:auto;
width:910px;
height:auto;
margin-left:auto;
margin-right:auto;
}

#mininavi{
float:left;
width:150px;
height:auto;
}
#right{
float:left;
width:699px;
height:100%;
}

#9

So habe ich das, funktioniert aber trotzdem nicht .

was hast so?

erst setzt Du für alle DIVs die Höhe auf 100% und über die IDs wieder auf auto.

Was meinst Du, welche Auszeichnung greift ??

#10

Na der queltext da drunter.
Habe auch bei CSS div{height:100%;}gesetzt und alle height:auto; für alle divs gemacht . Funktioniert trotzdem nicht -.-

#11

Na der queltext da drunter.
Habe auch bei CSS div{height:100%;}gesetzt und alle
height:auto; für alle divs gemacht . Funktioniert trotzdem
nicht -.-

nicht trotzdem … sondern deshalb!!

#right nimmt 100% Höhe von dem container/block ein, in dem es liegt

stellst Du #main auf auto wird es ohne Inhalt nie 100% erreichen !!

warum schreibe ich, wenn Du doch nicht liest???

#12

habe #main auf 100% gestellt und die anderen divs auf auto. Body hat height von 100%. Geht trotzdem nicht. Oder auch deswegen…

#13

Habe übrigens einen #wrapper wo alles drin ist . Der aber width und height auf auto hat.

#14

Habe übrigens einen #wrapper wo alles drin ist . Der aber
width und height auf auto hat.

sag mal …

stopfe mal einen Luftballon in eine Streichholzschachtel und versuche ihn bis auf seine max. Größe aufzublasen

was ist daran sooooo schwer zu verstehen, dass ein Element mit height:100% nur so hoch werden kann wie der container, in dem es sich befindet, abzüglich margin ???

#15

Das mit dem Luftbalon ist wircklich sehr informativ und ich werde es sofort ausprobieren wenn ich die Zeit dafür finde!
Habe die Höhe von allen divs, die keine feste Höher besitzen, die Höhe auf 100% gestellt…auch bei dem wrapper…leider funktioniert es nicht.
Wäre super wenn du mir eine konkrete Antwort geben könntest.
Danke !

#16

Ich habe einen code gepostet, der doch das macht, was Du haben willst und Dir ausreichende Infos gegeben!!

Wenn Du daraus nicht Deine Fehler siehst und nur es funktioniert nicht schreist , dann kann ich Dir auch nicht helfen.

Auch wenn Du dem Luftballon ein height:100% gibst, wird sich die Streichholzschachtel nicht in einen Umzugskarton verwandeln.

Ich kann nichts für Deine Unverständigkeit und werde Dir Deine Quelltexte auch nicht mehr per PM liefern.

#17

Habe es mehrmals so wie in der von dir geposteten code versucht.

#18

Habe es mehrmals so wie in der von dir geposteten code
versucht.

und den code hast du in ein element gepackt, dessen höhe auf auto steht, also in eine Streichholzschachtel.

die 100% beziehen sich auf die Größe des Elementes, in dem sich das Element befindet.
Wann begreifst Du das endlich???

setzte #wrapper auch auf height:100%

#19

Genau so habe ich das auch !
Wrapper ist die Ganze zeit auf 100%.

body{
height:100%;
}
#wrapper{
width:auto;
height:100%;
}

#mainmain{
overflow:auto;
width:auto;
height:auto;
}
#main{
overflow:auto;
width:910px;
}

#mininavi{
float:left;
width:150px;
}
#right{
float:left;
width:699px;
height:100%;
}