mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Di 23.05.2017 21:27 Benutzername: Passwort: Auto-Login

Thema: CSS: drei <div>-tags ausrichten vom 26.07.2005


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Tipps & Tricks für Nonprint -> CSS: drei <div>-tags ausrichten
Seite: Zurück  1, 2
Autor Nachricht
MicoMalukoo
Threadersteller

Dabei seit: 24.03.2004
Ort: 36037 Fulda
Alter: 38
Geschlecht: Männlich
Verfasst Di 26.07.2005 15:55
Titel

Antworten mit Zitat Zum Seitenanfang

so -->:

------------------------------------------------------------------------------------------------------------
Code:
<div id="head">
   <div id="head_left"></div>
   <div id="head_right"></div> 
</div>


#head            {width: 100%; height: 60px;
               background-image: url(xxx.jpg);
               }
      
#head_left         {width: 650px; height: 60px;
               background-image: url(xxx.jpg);
               float: left;}
         
#head_right         {width: 150px; height: 60px;
               background-image: url(xxx.jpg);
               float: right;}

------------------------------------------------------------------------------------------------------------


Zuletzt bearbeitet von MicoMalukoo am Di 26.07.2005 15:56, insgesamt 3-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
way2hot

Dabei seit: 14.03.2004
Ort: Jüchen-Gierath
Alter: 34
Geschlecht: Männlich
Verfasst Di 26.07.2005 16:22
Titel

Antworten mit Zitat Zum Seitenanfang

Hast du das auch schon in verschiedenen Browsern getestet? Würd mich mal interessieren, wel ich immernoch der Meinung bin, dass das mit den zwei Float-Eigenschaften nicht klappen kann... * Ööhm... ja? *
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
modstyle

Dabei seit: 29.05.2005
Ort: Münster
Alter: 33
Geschlecht: Männlich
Verfasst Di 26.07.2005 17:27
Titel

Antworten mit Zitat Zum Seitenanfang

sahnemuh hat geschrieben:
way2hot.de hat geschrieben:
modstyle hat geschrieben:
Hi!

Also so sollte es funktionieren:

Code:

<div style="width: 100%; height: 50px; background-color: black;">
<div style="float: left; width: 50px; height: 50px; background-color: red;"></div>
<div style="float: right; width: 50px; height: 50px; background-color: red;"></div>
</div>


Also die beiden linken und rechten mit der festen Größe im "Raumfüller". Beim Linken und Rechten kannst du dann die Bilder einfügen und im umhüllenden 100%-Breiten legste das Pic als Background fest.


Ich wage zu bezweifeln, dass die gleichzeitige Nutzung von float:left und float:right zum Erfolg führt. Entweder wird etwas links oder rechts umflossen, aber sich gegenseitig umfließen ist dann doch recht abstrus...


du hast recht. sinnvoller ist es nur dem rechten div: float right zu geben. funktionieren tut die andere lösung aber trotzdem.


Habe es eben mal ausprobiert und es funktioniert auch. Dass ein Objekt links umflossen wird schließt nicht aus, dass ein anderes Objekt rechts umflossen werden kann.
Ist zwar wenig sinnvoll z.B. in Texten rechts und links ein Bild zu platzieren o.ä. aber funktionieren tut es trozdem *zwinker*
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen Drei Bilder in DIV-Tag oben ausrichten?
CSS Problem: div tags verschieben sich
[CSS] DIV ausrichten
[CSS] <p> im <div> unten ausrichten
css menü div's hintereinander ausrichten
[css] vertikales ausrichten in div bereichen
Neues Thema eröffnen   Neue Antwort erstellen Seite: Zurück  1, 2
MGi Foren-Übersicht -> Tipps & Tricks für 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.