• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

height: auto

Flemli200

Mitglied
Hi,
ich hab schon wieder ein problem...
ich bekomm es nich hin, das der main teil meines scripts eine auto höhe bekommt, die sich anpasst...
Hier ist mal der code...

HTML:
#main
    {
    position:        relative;
    background-color:    #ffffff;
    width:            800px;
    min-height:       800px;
    height:             auto;
    margin:            auto;
    z-index:        1;
    }
#Elim_logo_top
    {
    position:        absolute;
    left:            20px;
    height:            120px;
    width:            280px;
    z-index:        2;
    }
#horizon_red
    {
    position:        absolute;
    top:            100px;
    height:            3px;
    width:            100%;
    z-index:        1;
    }
#vertical_red
    {
    position:        absolute;
    right:            150px;
    height:            100%;
    width:            3px;
    z-index:        1;
    }
#textfeld
    {
    position:        absolute;
    top:            250px;
    left:            50px;
    height:            auto;
    width:            500px;
    background-color:    transparent;
    }

Und der code aus der php datei:

PHP:
<?php
$text=file_get_contents('index.txt');
$navbar=file_get_contents('navbar.txt');
echo"
<!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01//EN'
'http://www.w3.org/TR/html4/strict.dtd'>
<html>
<head>
<link rel='stylesheet' type='text/css' href='main.css'>
<link rel='stylesheet' type='text/css' href='navbar.css'>
<title>Haus Elim</title>
</head>
<body>
<div id='main'>
<img src='Pics/Elim_logo_web.png' id='Elim_logo_top'>
<img src='Pics/red_3x3px.png' id='horizon_red'>
<img src='Pics/red_3x3px.png' id='vertical_red'>
    <div id='textfeld'>
        $text
    </div>
</div>
</body>
</html>";
?>

Mein Ziel ist es das #main 'fenster' mit einer auto-höhe auszustatten, damit es sich anpasst um nicht bei jeder textveränderung im textfeld eine neue höhe festlegen zu müssen!!

Kann mir da einer helfen??
 
Das klappt wegen deiner ganzen absoluten Positionierei nicht. Das solltest du ausbessern.

Wenn absolute Positionierung ein muss ist, dann gib #main ein overflow: hidden;
 
Danke für den Tipp... hab den overflow für 'main jetzt einfach auf hidden gesetzt und für das textfeld hab ich ein overflow hinzugefügt, welches auf auto ausgelegt ist.
Die Größ0en des Fensters hab ich auch geändert!
 
Zurück
Oben