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

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Fr 19.04.2024 23:01 Benutzername: Passwort: Auto-Login

Thema: Problem mit <div>'s nebeneinander vom 29.05.2006


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Problem mit <div>'s nebeneinander
Seite: 1, 2  Weiter
Autor Nachricht
ccl2
Threadersteller

Dabei seit: 17.05.2006
Ort: Köln
Alter: -
Geschlecht: Männlich
Verfasst Mo 29.05.2006 12:42
Titel

Problem mit <div>'s nebeneinander

 Antworten mit Zitat Zum Seitenanfang
Hi!

Ich will 2 div-bereiche nebeneinander anordnen. wie bekomm ich das hin?? *Whaazzzz uppp?*
  View user's profile Private Nachricht senden
l'Audiophile

Dabei seit: 16.09.2004
Ort: Berlin
Alter: 43
Geschlecht: Männlich
Verfasst Mo 29.05.2006 12:46
Titel

Re: Problem mit <div>'s nebeneinander

 Antworten mit Zitat Zum Seitenanfang
ccl2 hat geschrieben:
Hi!

Ich will 2 div-bereiche nebeneinander anordnen. wie bekomm ich das hin?? *Whaazzzz uppp?*


Stichwort "float"
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
ccl2
Threadersteller

Dabei seit: 17.05.2006
Ort: Köln
Alter: -
Geschlecht: Männlich
Verfasst Mo 29.05.2006 12:50
Titel

Antworten mit Zitat Zum Seitenanfang
da komme ich irgendwie nicht mit klar...



also


<div>AAAAAAAAAA</div>
<div>BBBBBBBBBB</div>



was muss ich tun???
  View user's profile Private Nachricht senden
l'Audiophile

Dabei seit: 16.09.2004
Ort: Berlin
Alter: 43
Geschlecht: Männlich
Verfasst Mo 29.05.2006 12:55
Titel

Antworten mit Zitat Zum Seitenanfang
ccl2 hat geschrieben:
da komme ich irgendwie nicht mit klar...



also


<div>AAAAAAAAAA</div>
<div>BBBBBBBBBB</div>



was muss ich tun???


<div style="float:left;">AAAAAAAAAA</div><div>BBBBBBBBBB</div>
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
ccl2
Threadersteller

Dabei seit: 17.05.2006
Ort: Köln
Alter: -
Geschlecht: Männlich
Verfasst Mo 29.05.2006 12:57
Titel

Antworten mit Zitat Zum Seitenanfang
funktioniert leider nicht *Schnief*

das ganze ist in einem anderen div
  View user's profile Private Nachricht senden
Skamander

Dabei seit: 11.05.2004
Ort: Halle (Saale)
Alter: 49
Geschlecht: Männlich
Verfasst Mo 29.05.2006 13:08
Titel

Antworten mit Zitat Zum Seitenanfang
Hier mal ein funktionierendes Minimalbeispiel:

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css" media="screen">
<!--
.nebeneinander{float:left;}
-->
</style>
</head>
<body>
<div>
  <div class="nebeneinander">erster DIV</div>
  <div>zweiter DIV</div>
</div>
</body>
</html>


Zuletzt bearbeitet von Skamander am Mo 29.05.2006 13:11, insgesamt 2-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
raziel

Dabei seit: 29.05.2006
Ort: Saarbrücken
Alter: 39
Geschlecht: -
Verfasst Mo 29.05.2006 13:14
Titel

Antworten mit Zitat Zum Seitenanfang
<div style="float:left;width:100px;">DIV 1
</div>
<div style="float:left;width:100px;margin-left:10px;">DIV2
</div>

wenn die div keine größe angabe hat geht sie über die gesamte breite und bricht damit um...
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Skamander

Dabei seit: 11.05.2004
Ort: Halle (Saale)
Alter: 49
Geschlecht: Männlich
Verfasst Mo 29.05.2006 13:24
Titel

Antworten mit Zitat Zum Seitenanfang
Das mit der ganzen Breite ist zwar richtig. Dennoch funktioniert es auch ohne feste Breite.

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
<!--
.aussen{border:2px solid #0f0}
.links{
   border:2px solid #f00;
   float:left}
   
.rechts{border:2px solid #00f}
-->
</style>
</head>
<body>
<div class="aussen">
  <div class="links">erster DIV</div>
  <div class="rechts">zweiter DIV</div>
</div>
</body>
</html>


Es ist ja gerade der Sinn eines FLOATs, daß da nix umgebrochen wird.

Zuletzt bearbeitet von Skamander am Mo 29.05.2006 13:42, insgesamt 2-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen Problem mit 2 Listen (nebeneinander) in einem Div
css Div _Layer Problem / mehrere Divs nebeneinander und unte
DIV nebeneinander
div nebeneinander positionieren
[CSS] 4 DIVS nebeneinander
2 div-bereiche nebeneinander...
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  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.

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