father911
Threadersteller
Dabei seit: 01.10.2012
Ort: Berlin
Alter: 62
Geschlecht:
|
Verfasst Mi 10.09.2014 15:25
Titel 2 DIVS nebeneinander, der Linke autom. skaliert |
|
|
Hallo!
Ich habe einen DIV-Container mit einem Bild, welches in Abhänigkeit v der Screengröße automatisch skaliert wird. Ich möchte RECHTS neben dem (automatisch skalierten) Bild einen zweiten DIV-Container anordnen, der immer - sagen wir 30px daneben angezeigt wird.
Meine "float:left" Versuche sind fehlgeschlagen, was vielleicht an der Skalierung und der damit verbundenen prozentualen width-Definition des linken Containers zusammen hängt.
body.css
Code: | #klammer {
width: 100%;
}
.image-wrapper{
max-width:auto;
height:90%;
position: relative;
float: left;
padding-top:140px;padding-left:10%;
display:block;
margin:0 auto;
z-index:10000;
}
.image-wrapper img{
width:auto !important;
height:80% !important;
display:block;
}
#navibox_rechts {
/* position: absolute;top: 62%; left: 75%; diese Angabe war nur zum Testen */
width: 100px;
height: 150px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-color: #D7d7d7;
font-size : 9px;
margin: 0px 00px 0px 0px;
float: left;
z-index:1000;
}
|
In der HTML hab ich notiert:
Code: | <div id="klammer">
<div class="image-wrapper"><img src="hier mein skaliertes bild.jpg" >
</div>
<div id="navibox_rechts"><p class="fl_txt">hier mein text</p></div>
</div> |
Wo ist mein Denkfehler?
Maico
Zuletzt bearbeitet von father911 am Mi 10.09.2014 15:28, insgesamt 1-mal bearbeitet
|
|