Lennart: div-container

Beitrag lesen

SELF-Forum

div-container

Lennart
– Informationen zu den Bewertungsregeln

ah vielen lieben dank. funktioniert alles einwandfei.
nun habe ich noch einen container innerhalb des mittleren eingebaut um dort eine grafik zu positionieren. diese sollte sich an der rechten seite des mittleren containers orientieren. sie hält den abstand aber zum fenster- und nicht zum container-rand des mittleren containers ein und verschiebt sich somit beim verkleiner des fensters in den linken container hinein. wie bekomme ich das hin, dass sich der container am mittleren container orientiert?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>container test</title>
<link href="css/test.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="oben"></div>
<div id="inks"></div>
<div id="rechts"></div>
<div id="mitte"><div id="schriftzug"><img src="schirtzug.png" alt="schirtzug" name="schirtzug" width="640" height="180"></div></div>
<div id="unten"></div>
</body>
</html>


>   
> ~~~css

@charset "utf-8";  

> /* CSS Document */  
>   
> body {  
> 	min-width: 900px;  
> 	background-color: #FFFFFF;  
> 	margin: 0;  
> }  
>   
> #oben {  
> 	min-width: 900px;  
> 	padding-top: 0px;  
> 	padding-bottom: 0px;  
> 	padding-left: 5px;  
> 	padding-right: 5px;  
> 	background-color: #CCCCCC;  
> }  
>   
> #inks {  
> 	min-height: 800px;  
> 	min-width: 240px;  
> 	width: 240px;  
> 	max-width: 240px;  
> 	padding-top: 0px;  
> 	padding-bottom: 0px;  
> 	padding-left: 5px;  
> 	padding-right: 5px;  
> 	float: left;  
> 	background-image:url(../links.png);  
> 	background-repeat: no-repeat;  
> }  
>   
> #mitte {  
> 	min-height: 800px;  
> 	min-width: 400px;  
> 	padding-top: 0px;  
> 	padding-bottom: 0px;  
> 	padding-left: 5px;  
> 	padding-right: 5px;  
> 	background-image:url(../mitte.png);  
> 	background-repeat: repeat-x;  
> 	overflow: hidden  
> }  
>   
> #rechts {  
> 	min-height: 800px;  
> 	min-width: 20px;  
> 	width: 20px;  
> 	max-width: 20px;  
> 	padding-top: 0px;  
> 	padding-bottom: 0px;  
> 	padding-left: 5px;  
> 	padding-right: 5px;  
> 	float: right;  
> 	background-image:url(../rechts.png);  
> 	background-repeat: no-repeat;  
> }  
>   
> #unten {  
> 	clear: both;  
> 	padding-top: 0px;  
> 	padding-bottom: 0px;  
> 	padding-left: 5px;  
> 	padding-right: 5px;  
> 	background-color: #999999;  
> }  
>   
> #schriftzug {  
> 	position: absolute;  
> 	top: 60px;  
> 	right: 10px;  
> 	min-width: 400px;  
> }

hat da niemand eine lösung für?

Beitrag melden
–
Informationen zu den Bewertungsregeln