zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden DIV automatische Höhe

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 19.05.2011, 12:26
Benutzerbild von in-flames
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 09.03.2011
Beiträge: 28
in-flames befindet sich auf einem aufstrebenden Ast
Standard DIV automatische Höhe

Hi @ll,

ich habe folgendes Problem.

Ich habe ein DIV das eine feste höhe von 500 px und ein background-img hat. in diesem div befindet sich eine tabelle. unter dem div befindet sich ein weiteres div welches ebenfalls ein background-img hat...u.zwar soll sich das untere div automatisch anpassen falls die tabelle mehr inhalt hat als in die 500px höhe passen. leider finde ich keine lösung zu meiner problem.

ich hoffe ihr könnt mir da weiterhelfen.

danke für eure hilfe.

Tom
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 19.05.2011, 12:43
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 16.09.2009
Beiträge: 601
Muamicus wird schon bald berühmt werden
Standard

Ohne Link und Code wird das nix.

Aber ich würde dem hg div eine min-height geben. Diesem div ein bg Bild und das background-repeat weglassen (wenn sich das Bild wiederholen soll)
__________________
Die Erinnerung ist das einzige Paradies aus dem wir nicht vertrieben werden können.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 19.05.2011, 12:48
Benutzerbild von in-flames
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 09.03.2011
Beiträge: 28
in-flames befindet sich auf einem aufstrebenden Ast
Standard

also das sieht wie folgt aus:

HTML-Code:
<div class="right-box">
<table id="content" cellpadding="0" cellspacing="0" style="width:422px;font-size:11px;height:460px;display:block;z-index:999999;">
<tr>
<td>
Inhalt
</td>
</tr>
</table>
</div>
<div class="trainingsmap right-middle-pos">
</div>
Code:
.right-box{
position:absolute;
height:485px;
left:464px;
width:423px;
top:100px;
}

.right-middle-pos{
background-position:0 0;
width:457px;
height:auto;
position:absolute;
left:-16px;
background-repeat:repeat-y;
margin-top:-1px;
}

.trainingsmap{
background:url(map.png) no-repeat transparent;
}
u.sollte die tabelle jetzt höher sein als die 500px sollte sich der div-container mit der right-box-middle mit aufstrecken.
Mit Zitat antworten
  #4 (permalink)  
Alt 19.05.2011, 12:57
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 16.09.2009
Beiträge: 601
Muamicus wird schon bald berühmt werden
Standard

Achtung ganz grobes bsp !!!!!!!

PHP-Code:
<html>
<
head>
<
style type="text/css">
div    {width:400px;
        
min-height:100px;
        
border:1px solid red;}
table   {border:1px solid blue;}
</
style>
</
head>
<
body>
<
div>
<
table>
<
tr>
<
td>
Inhalt
</td>
</
tr>
<
tr>
<
td>
Inhalt
</td>
</
tr>
<
tr>
<
td>
Inhalt
</td>
</
tr>
<
tr>
<
td>
Inhalt
</td>
</
tr>
<
tr>
<
td>
Inhalt
</td>
</
tr>
<
tr>
<
td>
Inhalt
</td>
</
tr>
<
tr>
<
td>
Inhalt
</td>
</
tr>
</
table>
</
div>
</
body>
</
html
So würde ich es machen.
__________________
Die Erinnerung ist das einzige Paradies aus dem wir nicht vertrieben werden können.
Mit Zitat antworten
  #5 (permalink)  
Alt 19.05.2011, 12:58
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 16.09.2009
Beiträge: 601
Muamicus wird schon bald berühmt werden
Standard

Die border sollen dir das min-height aufzeigen.
Für den IE musst du min weglassen.
__________________
Die Erinnerung ist das einzige Paradies aus dem wir nicht vertrieben werden können.
Mit Zitat antworten
  #6 (permalink)  
Alt 19.05.2011, 13:05
Benutzerbild von in-flames
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 09.03.2011
Beiträge: 28
in-flames befindet sich auf einem aufstrebenden Ast
Standard

das wird so nicht funktionieren.

das erste div liegt über einer grafik die im body def. ist. u.das zweite div ist die verlängerung der grafik nach unten. leider kann ich dir keinen screen posten, weil es für ein feature in einem browsergame ist.
Mit Zitat antworten
  #7 (permalink)  
Alt 19.05.2011, 13:19
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 16.09.2009
Beiträge: 601
Muamicus wird schon bald berühmt werden
Standard

Anders geht es nicht. Wenn die tabelle mitwachsen soll !!
Somit muss das umgebende div auch mitwachsen. !

das untere div was das Endbild beinhalten soll kannst du ja unten anhängen.

Aber wie gesagt ohne Link wie es aussehen soll ist es im suchen um dunklen.
__________________
Die Erinnerung ist das einzige Paradies aus dem wir nicht vertrieben werden können.
Mit Zitat antworten
  #8 (permalink)  
Alt 19.05.2011, 13:22
Benutzerbild von in-flames
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 09.03.2011
Beiträge: 28
in-flames befindet sich auf einem aufstrebenden Ast
Standard

das stimmt...ist etwas schwierig ohne link. aber wie gesagt. leider dürfen wir den nicht veröffentlichen. ich versuche mal einen screen zu erstellen. viel. hilft dir das weiter.
Mit Zitat antworten
  #9 (permalink)  
Alt 19.05.2011, 17:19
body.ie {display: grotte}
XHTMLforum-Mitglied
 
Registriert seit: 09.01.2011
Beiträge: 841
take_a_7 sorgt für eine eindrucksvolle Atmosphäretake_a_7 sorgt für eine eindrucksvolle Atmosphäre
Standard

Zitat:
Zitat von in-flames Beitrag anzeigen
Hi @ll,

ich habe folgendes Problem.

Ich habe ein DIV das eine feste höhe von 500 px und ein background-img hat. in diesem div befindet sich eine tabelle. unter dem div befindet sich ein weiteres div welches ebenfalls ein background-img hat...u.zwar soll sich das untere div automatisch anpassen falls die tabelle mehr inhalt hat als in die 500px höhe passen. leider finde ich keine lösung zu meiner problem.
"Unter" heißt wirklich darunter (also auf dem Bildschirm weiter unten) oder dahinter?
Was genau heißt "anpassen"? Größer werden? Nach unten rutschen? Mehr Infos bitte, oder anonymisiertes Online-Beispiel.

gruß,
take
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 19.05.2011, 17:21
Benutzerbild von in-flames
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 09.03.2011
Beiträge: 28
in-flames befindet sich auf einem aufstrebenden Ast
Standard

danke für eure hilfe. haben das jetzt mit php gelöst. ist zwar nicht die sauberste lösung, aber sie funktioniert. musste alles schnell gehen. daher die lösung mit php.
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Fragen zu CSS und Joomla DOKTOR CSS 2 23.05.2011 20:29
Brauche Hilfe: Schwarzes Nichts Zwox CSS 10 19.11.2010 17:53
Header entfernen tripple CSS 17 15.06.2010 16:41
Schriftfarbe in den Eintragungsfeldern von jforms Steveislucky CSS 2 16.03.2010 11:59
CSS Text nebeinander? carstiee09 CSS 13 13.11.2009 20:18


Alle Zeitangaben in WEZ +2. Es ist jetzt 12:41 Uhr.