mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 09.12.2016 06:45 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 11: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: 35
Geschlecht: Männlich
Verfasst Mo 29.05.2006 11: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 11: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: 35
Geschlecht: Männlich
Verfasst Mo 29.05.2006 11: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 11: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: 41
Geschlecht: Männlich
Verfasst Mo 29.05.2006 12: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 12: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: 32
Geschlecht: -
Verfasst Mo 29.05.2006 12: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: 41
Geschlecht: Männlich
Verfasst Mo 29.05.2006 12: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 12: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
2 div-bereiche nebeneinander...
Div horizontal nebeneinander ?
div nebeneinander positionieren
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.