Autor |
Nachricht |
einStephan
Threadersteller
Dabei seit: 13.11.2007
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Sa 17.11.2007 14:51
Titel dynamische Div-Container |
|
|
Hallo,
ich versuche schon seit ein paar Tagen die Content Items in solche Rahmen einzufügen wie der grüne auf der Seite http://priv-sg-glauchau-1551.de/
Wie muss ich die Div Conatainer anlegen, damit der Kasten in die Länge gezogen wird wenn Text reinkommt? Mit Tabellen geht das ziemlich einfach, aber das Layout zu den Items ist in ner CSS Datei also muss ich DIVs nehmen. ich bekomm es einfach nicht hin, dass die Hintergründe der senkrechten Rahmenteile mit gezogen werden.
Weiß jemand einen Rat?
mfG Stephan
|
|
|
|
|
susi1600
Dabei seit: 16.11.2005
Ort: München
Alter: 40
Geschlecht:
|
Verfasst So 18.11.2007 17:08
Titel
|
|
|
Ich versteh zwar nicht ganz, was du meinst, aber für mich hört sich das nach clear: both an.
Was ist denn das Problem - was soll passieren und was passiert?
|
|
|
|
|
Anzeige
|
|
|
einStephan
Threadersteller
Dabei seit: 13.11.2007
Ort: -
Alter: -
Geschlecht: -
|
Verfasst So 18.11.2007 18:08
Titel
|
|
|
naja die dic container links und rechts von dem Container in der Mitte wo der Text steht beliben immer an der selben Stelle und ziehen sich nicht mit. Dadurch bleiben die unteren runden Ecken oben und nicht da wo der mittige Container aufhört.
Ich will einfach so einen Kasten wie der grüne, der seine Höhe dem des Inhalts anpasst.
|
|
|
|
|
susi1600
Dabei seit: 16.11.2005
Ort: München
Alter: 40
Geschlecht:
|
Verfasst Mo 19.11.2007 00:19
Titel
|
|
|
Also das hört sich für mich nach clear: both an und auch, danach, dass du in css nicht allzu fit bist, was allerdings keine Schande ist. Ich hab das mal auf die schnelle gemacht, guckst du hier:
Klick
Kannst du downloaden als Zip Hier
Da das nicht mein Webspace ist, kann ichs aber nicht unbegrenzt lange drauf lassen - also lad dir am besten die Zip-Datei runter.
Hoffe ich konnte helfen,
ciao!
|
|
|
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mo 19.11.2007 01:00
Titel
|
|
|
susi1600 hat geschrieben: | ... |
Wieso sollte das bitte helfen? Welche float Eigenschaft möchtest du denn hier aufheben?
Zudem kannst du ja auch einfach mal den Quelltext posten dann geht das auch nicht verloren
Code: | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Unbenanntes Dokument</title>
<style type="text/css">
#container {
width: 235px;
background-image: url(img/container_inhalt.jpg);
background-repeat: repeat-y;
}
#container_oben {
width: 235px;
background-image: url(img/container_oben.jpg);
background-repeat: no-repeat;
background-position: top;
}
#container_unten {
width: 235px;
background-image: url(img/container_unten.jpg);
background-repeat: no-repeat;
background-position: bottom;
}
#text {
width: 200px;
margin: 10px auto 10px auto;
color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
</style>
</head>
<body>
<div id="container">
<div id="container_oben"></div>
<div id="container_inhalt">
<div id="text">
Hier steht dann der Text
</div>
<!-- der folgende div mit style="clear: both" bewirkt, dass der container sich automatisch der Höhe des Textes anpasst -->
<div style="clear: both"></div>
</div>
<div id="container_unten"></div>
</div>
</body>
</html>
|
Also, wie gesagt, schwachsinniges Beispiel, du floatest keines der Elemente, also
besteht auch überhaupt keine notwendigkeit diesen aufzuheben.
Trotzdem ist die Vermutung naheliegend.
Zuletzt bearbeitet von m am Mo 19.11.2007 01:05, insgesamt 1-mal bearbeitet
|
|
|
|
|
susi1600
Dabei seit: 16.11.2005
Ort: München
Alter: 40
Geschlecht:
|
Verfasst Mo 19.11.2007 01:32
Titel
|
|
|
Tja nun, was hilft ihm der Quelltext ohne Bilder - wenn das unter anderem sein Problem ist?
In meinem Fall brauche ich natürlich kein clear: both, vielleicht er aber in seinem Fall, wenn er sagt, die Höhe passt sich nicht dem Content an...
|
|
|
|
|
emceechen
Dabei seit: 09.09.2005
Ort: Bad Kreuznach
Alter: 41
Geschlecht:
|
Verfasst Mo 19.11.2007 10:35
Titel
|
|
|
Also ich kann jetzt der Problembeschreibung nicht allzu viele Informationen entnehmen... Zumal ist das Layout der Seite ja auch gar nicht mit div's realisiert, wenn ich mir den Quellcode anschaue sind das alles Tabellen...
|
|
|
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mo 19.11.2007 11:59
Titel
|
|
|
susi1600 hat geschrieben: | Tja nun, was hilft ihm der Quelltext ohne Bilder - wenn das unter anderem sein Problem ist?
In meinem Fall brauche ich natürlich kein clear: both, vielleicht er aber in seinem Fall, wenn er sagt, die Höhe passt sich nicht dem Content an... |
Dann eben keine Hintergrundgrafik sonder eine Hintergrundfarbe, macht keinen Unterschied
wenn es an einem nicht aufgelösten Float liegen würde.
|
|
|
|
|
|
|
|
Ähnliche Themen |
Dynamische Container mit Grafiken
Fragen rund um XML, Flash und Dynamische Container
DIV-Container soll anderen DIV-Container verdrängen
DIV Container bei Mouseover über DIV Container anzeigen
Variabler Div-Container bis zum mittigen Div-Container
CSS: Container im Container Vertikal zentrieren
|
|