Autor |
Nachricht |
bergmann
Threadersteller
Dabei seit: 05.08.2004
Ort: -
Alter: 45
Geschlecht:
|
Verfasst Fr 22.01.2010 12:28
Titel CSS (DIV-Container) Rahmenproblemchen |
|
|
Hallo,
ich möchte einen 1px starken Rahmen um die gesamte Internetseite legen. In diesem Rahmen sollen 2 Container (Navigation und Inhalt) sein. Nun habe ich ja schon alles soweit, nur der 1px starke Rahmen verschiebt sich nicht mit nach unten wenn z.B. die Navigation länger wird. Mit einem Container innerhalb des Rahmens funktioniert es, aber bei zwei Stück eben nicht mehr. Gibt es da ne Lösung?
Ich habe hier mal zwei Skizzen angefügt um es bildlich darzustellen.
Der Rahmen soll also immer um den gesamten Content liegen, egal wieviel Inhalt vorhanden ist.
|
|
|
|
|
Kash
Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht:
|
|
|
|
|
Anzeige
|
|
|
DesignKater
Dabei seit: 26.06.2007
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Fr 22.01.2010 12:38
Titel
|
|
|
Was ist denn, wenn du deine zwei Container in einen Wrapper packst und diesen den Rahmen zuweist? Sollte doch funzen.
|
|
|
|
|
ashyda
Dabei seit: 11.11.2009
Ort: Siegburg
Alter: 35
Geschlecht:
|
Verfasst Fr 22.01.2010 12:38
Titel
|
|
|
@Kash
Vielleicht interpretiere ich das Problem falsch, aber ich glaube, dass nicht nach einem kompletten Umrandung gefragt war
@Bergmann
Wie ist es, wenn du deine Divs einfach in eine Tabelle packst und der einen 1px-Rahmen zuweist? Die passt sich ja immer an die Höhe des Inhaltes an.
|
|
|
|
|
bergmann
Threadersteller
Dabei seit: 05.08.2004
Ort: -
Alter: 45
Geschlecht:
|
Verfasst Fr 22.01.2010 12:40
Titel
|
|
|
Ok, habe ich mir mal schnell angesehen, ist fast das was ich möchte, aber nur fast.
Der Container mit dem 1px Rahmen soll eine gewisse Größe (Breite) haben und sich nicht dem Browserfenster anpassen. Außerhalb des Rahmens ist dann je nach Bildschirmauflösung der Rand breiter oder schmäler.
Der Rand des gesamten Inhaltes soll also dieser 1px Rahmen darstellen.
Ich hoffe das ich mich einigermaßen verständlich ausdrücken konnte.
|
|
|
|
|
Kash
Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht:
|
Verfasst Fr 22.01.2010 12:41
Titel
|
|
|
ashyda hat geschrieben: | @Kash
Vielleicht interpretiere ich das Problem falsch, aber ich glaube, dass nicht nach einem kompletten Umrandung gefragt war
|
Ich denke schon. Falls nicht, sollte der TE es bitte genauer schildern was er vor hat.
ashyda hat geschrieben: | @Bergmann
Wie ist es, wenn du deine Divs einfach in eine Tabelle packst und der einen 1px-Rahmen zuweist? Die passt sich ja immer an die Höhe des Inhaltes an. |
Das wäre die schlechteste Lösung
Zuletzt bearbeitet von Kash am Fr 22.01.2010 12:41, insgesamt 1-mal bearbeitet
|
|
|
|
|
choise
Dabei seit: 01.02.2007
Ort: Würzburg
Alter: 35
Geschlecht:
|
Verfasst Fr 22.01.2010 12:44
Titel
|
|
|
Code: |
<div class="rahmen">
links
rechts
</div>
|
Code: |
.rahmen {
padding: 20px;
border: 1px solid #000;
}
|
was versteh ich falsch?
// deiner schilderung zufolge hast du entweder deinem rahmen eine feste höhe gegeben oder nicht richtig gecleared.
Zuletzt bearbeitet von choise am Fr 22.01.2010 12:44, insgesamt 1-mal bearbeitet
|
|
|
|
|
Kash
Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht:
|
Verfasst Fr 22.01.2010 12:45
Titel
|
|
|
bergmann hat geschrieben: | Ok, habe ich mir mal schnell angesehen, ist fast das was ich möchte, aber nur fast.
Der Container mit dem 1px Rahmen soll eine gewisse Größe (Breite) haben und sich nicht dem Browserfenster anpassen. Außerhalb des Rahmens ist dann je nach Bildschirmauflösung der Rand breiter oder schmäler.
Der Rand des gesamten Inhaltes soll also dieser 1px Rahmen darstellen.
Ich hoffe das ich mich einigermaßen verständlich ausdrücken konnte. |
Dann so wie DesignKater schon schrieb.
Code: | #foo {
border:0.062em solid #fff;
width:foo em;
height:foo em;
position:relative;
}
|
Code: | <div id="foo">
<div id="foobar"> </div>
<div id="foobar2"> </div>
</div> |
So in der Art und weiße
//choise war schneller
Zuletzt bearbeitet von Kash am Fr 22.01.2010 12:45, insgesamt 1-mal bearbeitet
|
|
|
|
|
|
|
|
Ähnliche Themen |
DIV Container bei Mouseover über DIV Container anzeigen
DIV-Container soll anderen DIV-Container verdrängen
CSS: Container im Container Vertikal zentrieren
Variabler Div-Container bis zum mittigen Div-Container
CSS - was ist ein div-container?
CSS - div container, navigation
|
|