mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 28.03.2024 22:30 Benutzername: Passwort: Auto-Login

Thema: [CSS] 4 DIVS nebeneinander vom 19.09.2008


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> [CSS] 4 DIVS nebeneinander
Seite: 1, 2, 3  Weiter
Autor Nachricht
bender007
Threadersteller

Dabei seit: 19.09.2008
Ort: -
Alter: 40
Geschlecht: Männlich
Verfasst Fr 19.09.2008 03:24
Titel

[CSS] 4 DIVS nebeneinander

Antworten mit Zitat Zum Seitenanfang

Hallo,

habe folgendes Problem. und zwar geht es um CSS unter Joomla.

Und zwar habe ich eine Zeile in die 4 DIVS müssen mit unterschiedlicher länge.
z.B.:

| 10px Bild | 40px Plugin | 800px Navigation | 10px Bild|

Ich habe es mit dem Standard Joomla Yaml Layout versucht und schon meine Seite 1a angepasst bekommen. Aber das Problem ist das das Layout etwas Tricky ist und in die Navigations Zeile links und rechts kleine Bilder hinmüssen. Zusätzlich muss der Hintergrund der gesamten Zeile mit einer Hintergrund Grafik gefüllt werden allerdings nicht die beiden DIVS (ca.10px) links und rechts.

Layout:
-----------------------------------------------------------------------------------------------
| HEADER |
-----------------------------------------------------------------------------------------------
| 10px Bild | 40px Plugin | 700px Navigation | 10px Bild | <- Nav. Zeile höhe: ca.50px
-----------------------------------------------------------------------------------------------
| Content |
-----------------------------------------------------------------------------------------------
| Footer |
-----------------------------------------------------------------------------------------------

Ich habe es wie gesagt schon mit dem Standard Jommla CSS Code probiert, allerdings ist der ich gerade leicht zu verstehen bzw. habe ich jetzt Stundenlang versucht das mit dem bestehenden Code hinzubekommen * Ich geb auf... * . Und da hab ich mir gedacht ich lösche die komplette Navigationszeile und schreibe sie lieber selber und füge im nachhinein die ganzen Joomla Elemente von Hand ein. Nur habe ich etwas Probleme eine Zeile zu erstellen die 4 Divs beinhaltet.

Vielleicht hat auch jemand eine andere Idee wie ich das lösen könnte. *zwinker*
und bevor ich hier ewig langen Code poste durch den man sich erst durchfuchsen muss könnte mir vielleicht jemand den html und css Code erläutern bzw. posten.

Wenn sich jemand doch mal den Code ansehen möchte hab ich ihn hoch geladen.
http://rapidshare.com/files/146478011/css.rar

Ich hoffe jemand kann mir helfen ganzen Abend damit verschwendet. *hu hu huu*

Danke bender Lächel


Zuletzt bearbeitet von bender007 am Fr 19.09.2008 03:30, insgesamt 2-mal bearbeitet
  View user's profile Private Nachricht senden
buddha-brot

Dabei seit: 24.01.2006
Ort: Süd/Süd-West
Alter: -
Geschlecht: Männlich
Verfasst Fr 19.09.2008 08:17
Titel

Antworten mit Zitat Zum Seitenanfang

4 Divs nebeneinander....schon mal mit float probiert Au weia!
  View user's profile Private Nachricht senden
Anzeige
Anzeige
bender007
Threadersteller

Dabei seit: 19.09.2008
Ort: -
Alter: 40
Geschlecht: Männlich
Verfasst Fr 19.09.2008 11:57
Titel

Antworten mit Zitat Zum Seitenanfang

ja aber ich habe keine Ahnung was ich den CSS Code ganz genau schreiben soll. Hat vielleicht jemand ein Code den er posten könnte damit ich damit etwas experimentieren kann? ich habe noch nie versucht 4 DIVs nebeneinander zu bekommen.

Danke Bender
  View user's profile Private Nachricht senden
pixelpapst303

Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht: Männlich
Verfasst Fr 19.09.2008 12:02
Titel

Antworten mit Zitat Zum Seitenanfang

hier... ganz viel davon *zwinker*

http://de.selfhtml.org/css/eigenschaften/positionierung.htm
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Mayu

Dabei seit: 14.08.2008
Ort: Iserlohn
Alter: 35
Geschlecht: Weiblich
Verfasst Fr 19.09.2008 12:02
Titel

Antworten mit Zitat Zum Seitenanfang

aber von float hast du schon mal gehört?
einfach im code

Code:
float: left;


reinschreiben.
wenn du das zb bei dem ersten bild angibts müsste das sich das plugin danebenstellen.
  View user's profile Private Nachricht senden
bender007
Threadersteller

Dabei seit: 19.09.2008
Ort: -
Alter: 40
Geschlecht: Männlich
Verfasst Fr 19.09.2008 12:28
Titel

Antworten mit Zitat Zum Seitenanfang

ja klar,
also alle 4 DIVS in einen Container und in alle float:left reinschreiben? Das wars? kommt mir n bisschen einfach vor Grins Was mache ich mit den breiten der Divs. Keine Breitenangabe? %, oder px benutzen?

Danke Bender
  View user's profile Private Nachricht senden
Smooth-Graphics

Dabei seit: 22.05.2006
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Fr 19.09.2008 12:35
Titel

Re: [CSS] 4 DIVS nebeneinander

Antworten mit Zitat Zum Seitenanfang

bender007 hat geschrieben:

Layout:
-----------------------------------------------------------------------------------------------
| HEADER |
-----------------------------------------------------------------------------------------------
| 10px Bild | 40px Plugin | 700px Navigation | 10px Bild | <- Nav. Zeile höhe: ca.50px
-----------------------------------------------------------------------------------------------
| Content |
-----------------------------------------------------------------------------------------------
| Footer |
-----------------------------------------------------------------------------------------------


Was solls:
Code:

<div id="header"></div>
<div id="navi">
  <div id="erster"></div>
  <div id="zwoter"></div>
  <div id="ditter"></div>
  <div id="4ta"></div>
</div>


CSS:

div#header{
   ...
}
div#navi{
height: 50px;
}

div#erster{
   float: left;
   width: 10px;
}

div#zwoter{
   float: left;
   width: 40px;
}

div#dritter{
   float: left;
   width: 700px;
}

div#4ta{
   float: left;
   width: 10px;
}

div#content {
  clear: both;
  ...
}


Also ich hab noch den div "Navi" erstellt, einfach als Sicherheit, denn der IE macht manchmal Probleme mit reinen floated und clear divs.


Zuletzt bearbeitet von Smooth-Graphics am Fr 19.09.2008 12:43, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
pixelpapst303

Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht: Männlich
Verfasst Fr 19.09.2008 12:37
Titel

Antworten mit Zitat Zum Seitenanfang

pixelpapst303 hat geschrieben:
hier... ganz viel davon *zwinker*

http://de.selfhtml.org/css/eigenschaften/positionierung.htm



<-- Schuld! <-- Schuld! <-- Schuld! <-- Schuld! <-- Schuld! *Whaazzzz uppp?*
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen 3 divs nebeneinander
[css] divs nebeneinander zentrieren
CSS / Newbie / DIVs nebeneinander positionieren?
mehrere divs nebeneinander ohne umbruch
3 Divs nebeneinander im Container auf einer Höhe?
2 Divs nebeneinander die zum Elternelement relativ sind?
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2, 3  Weiter
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.