mediengestalter.info
Datenschutzerklärung
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Fr 26.04.2024 00:43 Benutzername: Passwort: Auto-Login

Thema: 2 DIVS nebeneinander, der Linke autom. skaliert vom 10.09.2014


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> 2 DIVS nebeneinander, der Linke autom. skaliert
Autor Nachricht
father911
Threadersteller

Dabei seit: 01.10.2012
Ort: Berlin
Alter: 62
Geschlecht: Männlich
Verfasst Mi 10.09.2014 15:25
Titel

2 DIVS nebeneinander, der Linke autom. skaliert

 Antworten mit Zitat Zum Seitenanfang
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
  View user's profile Private Nachricht senden
tschuingum

Dabei seit: 17.06.2009
Ort: Karlsruhe
Alter: -
Geschlecht: -
Verfasst Do 11.09.2014 08:22
Titel

Antworten mit Zitat Zum Seitenanfang
Dein .image-wrapper hat nach rechts einen Abstand von Null, deine #navibox_rechts hat nach links einen Abstand von Null. Macht in der Summe ebenfalls Null. *zwinker*

Weise entsprechende margins zu und es läuft, z.B.:

Code:

#navibox_rechts {
margin-left: 30px;
}
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
 
Ähnliche Themen [CSS] 4 DIVS nebeneinander
3 divs nebeneinander
[css] divs nebeneinander zentrieren
CSS / Newbie / DIVs nebeneinander positionieren?
2 Divs nebeneinander die zum Elternelement relativ sind?
mehrere divs nebeneinander ohne umbruch
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.

Mediengestalter.info ist ein Projekt von Webformatik :: Forensoftware: phpBB