 |
|
|
Themen-Optionen |
01.07.2008, 13:52
|
Nach oben #1 |
|
\m/ let's rock \m/
Registriert seit: 11.11.2005
Beiträge: 112
|
div autmatisch vergrößern/verkleiner je nach Text
Hallo zusammen,
habe ein div-basierte Layout erstellt. Nun hab ich festgestellt, dass mein Content-div (in welchem der Inhalt dargestellt wird) nicht dynamisch vergrößert wird, wenn mehr Text drin steht und so die größer überschritten wird. Code:
#layout{
heigth: 768px;
}
#header{
heigth: 200px;
}
#navigation{
height: 35px;
}
#content{
height: 494px;
padding-top: 10px;
padding-bottom: 10px;
}
#footer{
height: 18px;
padding-top: 2px;
padding-bottom: 2px;
}
__________________
"Irgendwann, möglicherweise auch nie, werde ich dich bitten mir eine kleine Gefälligkeit zu erweisen. Aber solange ich das nicht tue, soll die Gerechtigkeit mein Geschenk an Dich sein." - Don Vito Corleone, aus "Der Pate" |
|
   
|
|
01.07.2008, 14:03
|
Nach oben #2 |
|
Projektleiter
Registriert seit: 02.12.2004
Ort: Wildeshausen
Beiträge: 2.225
|
Meinst du jetzt vergrößert in der Breite oder in die Höhe?
Dir würden Anhaben in % dann nämlich weiterhelfen, denn px ist nunmal starr.
__________________
Umfragen:  bitte beachten: Vorschläge für künftige Umfragen Woher weißt du vom developers-guide?Wenn du dich in ein interessantes Thema eingearbeitet hast, dann lass andere daran teilhaben! Schreibe ein Tutorial und beschreibe, wie es geht, was nicht klappt, wo man aufpassen muss usw.Danke! |
|
|
|
|
01.07.2008, 16:47
|
Nach oben #4 |
|
Semantic Web Fanatic
Registriert seit: 03.06.2006
Beiträge: 237
|
Jap, du darfst die Höhe natürlich nicht fix angeben. Wenn du eine Mindesthöhe willst, musst du die Eigenschaft min-height nehmen. Der InternetExplorer 6 kennt das natürlich nicht, rendert aber die Angabe von height genauso (solltest beim Test mit dem IE6 festgestellt haben, dass bei ihm der Container mitvergrößert wird).
Lösung ist also eine Angabe von min-height und eine Angabe von height in einem nur für IE6 sichtbaren Stylesheet.
__________________
Applikations-Programmierung: BlitzMax, BlitzPlus Webentwicklung: PHP, (X)HTML, CSS, JavaScript, MySQL |
|
|
|
