mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Di 16.04.2024 10:09 Benutzername: Passwort: Auto-Login

Thema: 3 divs nebeneinander vom 24.09.2010


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> 3 divs nebeneinander
Seite: 1, 2, 3, 4, 5  Weiter
Autor Nachricht
ripper_2001
Threadersteller

Dabei seit: 24.09.2010
Ort: -
Alter: -
Geschlecht: -
Verfasst Fr 24.09.2010 12:43
Titel

3 divs nebeneinander

Antworten mit Zitat Zum Seitenanfang

Hallo Zusammen,

ich bin grad dabei für unseren Fussballverein eine neue Homepage zu erstellen und habe mir bisher diese ganze Sache mit HTML php etc. stück für stück selbst beigebracht.

www.sg-germania-1915.de/index3.php

Nun versuche ich bereits seit Stunden 3 divs nebeneinander zu bekommen. Ich habe bereits in einigen Foren nach einer Lösung gefunden die mein Problem beseitigt, doch ich bekomme es nicht hin und verzweifel mittlerweile ein wenig weil es vom Prinzip her ja nicht so schwer sein kann.

hier mein Code:

Dabei soll DIV 6,5 und 12 nebeneinander stehen.

Code:
<!--
#apDiv12 {
   position:absolute;
   width:165px;
   height:271px;
   z-index:2;
   left: 770px;
   top: 95px;
}

#apDiv5 {
   position:absolute;
   width:147px;
   height:279px;
   z-index:2;
   left: 400px;
   top: 95px;

}
#apDiv1 {
   position:absolute;
   width:955px;
   height:245px;
   z-index:0;
   left: 100px;
   top: 16px;
}



#apDiv2 {
   border: 1px solid black;
   position:absolute;
   width:953px;
   height:1127px;
   z-index:1;
   left: 100px;
   top: 261px;
   background-color: #FFFFFF;
}
body {
   background-image: url(bg.gif);
   background-repeat: repeat-x;
}



#apDiv4 {
   position:absolute;
   width:239px;
   height:364px;
   z-index:2;
   left: 673px;
   top: 93px;
   background-color: #FFFFFF;
}



body,td,th {
   font-family: Arial, Helvetica, sans-serif;
}


#apDiv2 #apDiv6 table tr td div {
   font-size: 12px;
}

#apDiv6 {
   position:absolute;
   width:500px;
   height:115px;
   z-index:2;
   left: 39px;
   top: 93px;
}



#apDiv7 {   position:absolute;
   width:500px;
   height:115px;
   z-index:2;
   left: 39px;
   top: 93px;
}



#apDiv2 #apDiv3 table tr td div p {
   font-size: 12px;
}
.a {
   font-weight: bold;
}
#apDiv8 {   position:absolute;
   width:147px;
   height:279px;
   z-index:2;
   left: 712px;
   top: 93px;
   background-color: #FFFFFF;
}
#apDiv10 {   position:absolute;
   width:147px;
   height:279px;
   z-index:2;
   left: 712px;
   top: 477px;
}
#apDiv11 {   position:absolute;
   width:594px;
   height:35px;
   z-index:2;
   left: -679px;
   top: -74px;
}

-->


Über eine Lösung oder Hilfe wäre ich echt dankbar

So besser ???

Gruß

ripper_2001

[Bitte CODE-Tags verwenden]


Zuletzt bearbeitet von ripper_2001 am Fr 24.09.2010 13:01, insgesamt 2-mal bearbeitet
  View user's profile Private Nachricht senden
bacon

Dabei seit: 24.10.2007
Ort: -
Alter: -
Geschlecht: -
Verfasst Fr 24.09.2010 12:53
Titel

Antworten mit Zitat Zum Seitenanfang

F!"$! die Henne ist das Dreckscode. Könntest Du bitte Code-Tags verwenden und Dich auch ansonsten an die allgemeinen Regeln zum Posten im NP-Bereich halten?
  View user's profile Private Nachricht senden
Anzeige
Anzeige
ripper_2001
Threadersteller

Dabei seit: 24.09.2010
Ort: -
Alter: -
Geschlecht: -
Verfasst Fr 24.09.2010 13:03
Titel

Antworten mit Zitat Zum Seitenanfang

so nun besser?
  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 24.09.2010 13:07
Titel

Antworten mit Zitat Zum Seitenanfang

Schon mal was von "float" gehört? Kannst mir nicht erzählen, dass der Begriff nach drei Stunden suchen nicht einmal gefallen ist.

Alles weitere hier http://de.selfhtml.org/css/eigenschaften/positionierung.htm
  View user's profile Private Nachricht senden
ripper_2001
Threadersteller

Dabei seit: 24.09.2010
Ort: -
Alter: -
Geschlecht: -
Verfasst Fr 24.09.2010 13:08
Titel

Antworten mit Zitat Zum Seitenanfang

Über Float habe ich auch einiges gelesen und auch in den verschiedenen variationen angewendet.

Leider kam ich nicht zum gewünschten Ergebnis, dass meine Divs nebeneinander auftauschen. jedesmal verschiebt sich was anderes.
  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 24.09.2010 13:17
Titel

Antworten mit Zitat Zum Seitenanfang

Da musst du jetzt aber alleine durch.
Ist am Anfang vielleicht etwas verzwickt, wenn mans aber einmal geblickt hat, ist es eigentlich recht simpel *zwinker*
  View user's profile Private Nachricht senden
heiko_rs

Dabei seit: 06.02.2008
Ort: Berlin
Alter: -
Geschlecht: Männlich
Verfasst Fr 24.09.2010 13:18
Titel

Antworten mit Zitat Zum Seitenanfang

bacon hat geschrieben:
F!"$! die Henne ist das Dreckscode.

*ha ha* Ich wollt's ja so nicht sagen und habe den Tab direkt wieder geschlossen, aber wenn das Thema nunmal angesprochen ist: ripper_2001, Dein Code ist 90er-Jahre und voller Fehler (ich glaube manchmal, irgendwie gehört beides auch zusammen), wenn Du Dich ernsthaft mit HTML & CSS beschäftigen willst, fange ganz neu an, am besten durch Lektüre von http://www.little-boxes.de/little-boxes-teil1-online.html


Zuletzt bearbeitet von heiko_rs am Fr 24.09.2010 13:19, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
ripper_2001
Threadersteller

Dabei seit: 24.09.2010
Ort: -
Alter: -
Geschlecht: -
Verfasst Fr 24.09.2010 13:29
Titel

Antworten mit Zitat Zum Seitenanfang

die Homepage bzw. die divs habe ich mit dreamweaver erstellt, deswegen wunderts mich das der Quelltext "90er Jahre"sein soll.

ich werde wohl oder übel weiterhin die Foren durchstöbern und es selbst versuchen die Divs so hinzubekommen wie ich es gern hätte.
  View user's profile Private Nachricht senden
 
Ähnliche Themen [CSS] 4 DIVS nebeneinander
[css] divs nebeneinander zentrieren
CSS / Newbie / DIVs nebeneinander positionieren?
3 Divs nebeneinander im Container auf einer Höhe?
2 Divs nebeneinander die zum Elternelement relativ sind?
mehrere divs nebeneinander ohne umbruch
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2, 3, 4, 5  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.