• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

Layer mit fester Höhe ??

Nightcrawler

New member
Hallo allerseits,

ist es möglich Layern eine feste Höhe zuzuordnen, die vom Inhalt nicht beeinflusst wird?
Wenn ich bei mir mehr Text in einen Layer setze als der Layer hoch ist, dann vergrößert sich der Layer (entsprechend dem Text). Kann man das auch so einstellen, dass der Text einfach abgeschnitten wird und der Layer bleibt immer gleich hoch???

Wie kann man eigentlich eine vertikale Textpositionierung in Layer vornehmen? Will, dass mein Text ans untere Ende das Layers gesetzt wird! "vertical-align:bottom" funktioniert bei mir nicht (IE). Auch meine Idee "padding-bottom" auf 0px zu setzen hat nicht so ganz funktioniert!

Kann mir bitte jemand helfen!

Vielen Danl im voraus.

Gruß, NC.
 
1.
definiere mit der höhe noch overflow:hidden.
bei overflow:auto bekommst du nen scrollbar

2.
sollte eigentlich funktionieren mit vertical-align:bottom
 
Hallo,

erst Mal vielen Dank für die schnelle Antwort.
Das mit dem "overflow:hidden;" hat wunderbar geklappt.

Leider funktioniert die vertikale Textausrichtung überhauptnicht!

Habe übrigens noch ein weitere Problem entdeckt:
In einem DIV-Element sind bei mir 2 weitere DIV-Elemente verschachtelt.
Wenn ich nun den Rahmen des Eltern-DIVs auf null setze, dann bekomm ich nur noch 1 der verschachtelten Divs angezeigt. (Die 2 verschachtelten DIVs sind übrigens nebeneinander angeordnet!

Wie kommt das uns wie kann man da Abhilfe schaffen?

Danke nochmal im voraus.

Gruß, NC.
 
ok, das seh' ich ein ;-)

hier erstmal der css-Teil:
Code:
#content_parent		{ width:425px; height:340px;
			margin-top:30px; margin-left:200px;					                     border: 1px solid; border-color:#;
			border-right-width:0px;
			border-top-width:0px;
			border-left-width:0px;
			border-bottom-width:0px;
			}

#content			{ width:360px; height:340px;
			margin-top:0px; margin-left:0px;
			float:left;
			border: 1px solid black;
			background-color:#FFF;
			border-right-width:1px;
			border-top-width:1px;
			border-left-width:0px;
			border-bottom-width:1px;
			overflow:hidden;
			}

#logos_allg			{ width:65px; height:136px;
			margin-top:-136px; margin-left:0px;
			float:right;
			background-color:#FF0000;
			border: 1px solid;
			overflow:hidden;
			}
#logo_1			{ width:65px; height:68px;
			margin-top:0px; margin-left:0px;
			float:none;
			background-color:#FF0000;
			border: 1px solid;
			border-right-width:1px;
			border-top-width:0px;
			border-left-width:0px;
			border-bottom-width:1px;
			}
#logo_2			{ width:65px; height:68px;
			float:none;
			background-color:#FF0000;
			border: 1px solid;
			border-right-width:1px;
			border-top-width:0px;
			border-left-width:0px;
			border-bottom-width:1px;
			}


und hier das html:

Code:
<div id="frame">
    <div id="headline" class="headline">Platz für eine Headline</div>
    <div id="menu_top">Hier kommt Menü hin</div>
    <div id="content_parent">
        <div id="content">So, hier steht der eigentliche Inhalt. Hier musste ich leider ne Tabelle mit fixen Größen zur Formatierung nehmen - Ging leider nicht anders :-(</div>
        <div id="logos_allg">
            <div id="logo_1"><img src="images/Logo1.jpg" border="0" width="65" height="68"></div>
            <div id="logo_2"><img src="images/Logo2.jpg" border="0" width="65" height="68"></div>
        </div>
    </div>
    <div id="menu_bottom">noch ein Menü am unteren Seitenrand</div>
</div>

Hilft das weiter? bin schon die ganze Zeit am Rumprobieren.
Wenn ich jetzt in #content_parent irgendeine Rahmenlinie einblende bekomme ich die beiden Logos angezeigt!!!! So wie's jetzt ist aber nicht!!. Bei Netscape bekomm ich die 2 Logos die unten rechts direkt neben dem eigentlich Inhalt erscheinen sollen einige Pixel weiter links und weiter unten angezeigt!! Was kann das sein ?? :confused:


DANKE und Gruß,

NC
 
Also, die Logos brauchst Du nicht extra in ein div packen.
Da reicht das <div id="logos_allg">.

Dann hast Du hierzu gar kein style:
<div id="headline" class="headline">
und hierzu:
<div id="menu_top">
und hierzu:
<div id="menu_bottom">.
Mach das erstmal.
Das kann später Einfluß auf Dein gesamtes style haben,
dass Du jetzt mühsam anpassen willst.

Dann arbeite noch mit position:absolute/relative.
Und überall noch ein padding:0px; rein wegen der Browserkompatibilität.

Dann melde Dich wieder... :D
 
Zurück
Oben