✔ Mindesabstand zu einem Objekt einhalten

[rene5]

Hi
Ich habe meine Seite in 2 Teile aufgebaut, einmal ist links eine Tabelle absolut positioniert, dann hab ich eine div container der relativ positioniert ist.
Wenn ich jetzt die Breite des Fensters vermindere stellt sich der gewünschte Effekt ein, dass sich der Inhalt den Seitenverhältnis anpasst, jedoch nach einer gewißen Breite überdeckt der div container die Tabelle, wie kann ich dem div container sagen dass er einen bestimmten abstand zu der tabelle halten soll?

Code:

#container {
	position:relative;
	top:120px;
	right:20%;
	left:25%;
	width: 60%;	
	background-color: #9F9;
	z-index:2;
}

#tabelle {
	text-decoration: underline;
	position: absolute;
	z-index: 3;
	top: 100px;
	left: 65px;
	font-weight: bold;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #333;
	border-right-color: #333;
	border-bottom-color: #333;
	border-left-color: #333;
	height: 390px;
	width: 180px;
	
}

 

[SpiceLab]

wie kann ich dem div container sagen dass er einen bestimmten abstand zu der tabelle halten soll?

Indem beide Elemente in ein Element mit Mindestbreite eingebunden werden.

<div id="wrapper">
    <div id="tabelle">tabelle</div>
    <div id="container">container</div>
</div>

#wrapper {
min-width:1100px;
position:relative;
}

 

[rene5]

danke werde es heute abend direkt ausprobieren

 

[rene5]

vielen Dank, hat geklappt