mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 28.03.2024 13:38 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: Zurück  1, 2, 3, 4, 5
Autor Nachricht
ripper_2001
Threadersteller

Dabei seit: 24.09.2010
Ort: -
Alter: -
Geschlecht: -
Verfasst Fr 24.09.2010 15:19
Titel

Antworten mit Zitat Zum Seitenanfang

naja da ich mit dreamweaver arbeite kenne ich mich in sachen html und css noch nicht sogut aus.

ich habe nun die tabellen aus den divs rausgenommen.
die restlichen tabellen sind mein menübaum. da möchte ich eignelich nix verändern da es ein vorgefertigte sache war.
  View user's profile Private Nachricht senden
ripper_2001
Threadersteller

Dabei seit: 24.09.2010
Ort: -
Alter: -
Geschlecht: -
Verfasst Fr 24.09.2010 15:27
Titel

Antworten mit Zitat Zum Seitenanfang

nun hab ich mir gedacht ich packe meine beiden includes in einen Div nebeneinander.

wie geht das?
  View user's profile Private Nachricht senden
Anzeige
Anzeige
top
Moderator

Dabei seit: 25.11.2003
Ort: Hedwig Holzbein
Alter: 52
Geschlecht: Männlich
Verfasst Fr 24.09.2010 15:43
Titel

Antworten mit Zitat Zum Seitenanfang

ripper_2001 hat geschrieben:
naja da ich mit dreamweaver arbeite kenne ich mich in sachen html und css noch nicht sogut aus.

...


Siehe es mal so: HTML ist eine Sprache und Dreamweaver eine Übersetzungshilfe. Wenn du eine Fremdsprache nur bruchstückhaft beherrscht, wird es dir auch mit einem Dolmetscher-Programm nicht gelingen einen anspruchsvollen Text angemessen zu übersetzen.

Dann will ich mal nicht so sein:

Code:
.rahmen {
    width: 600px;
    border: 1px solid #000000;
}
.kasteneins {
    width: 100px;
    float: left;
    border: 1px solid #0000FF;
}
.kastenzwei {
    width: 150px;
    float: left;
    border: 1px solid #00FF00;
}
.kastendrei {
    width: 200px;
    float: left;
    border: 1px solid #FF0000;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

<-- Schuld! gehört in den HEAD-Bereich zu den anderen CSS-Angaben und nicht in den BODY
(oder besser noch in eine getrennte CSS-Datei.)

Code:
<div class="rahmen clearfix">
  <div class="kasteneins">Bla</div>
  <div class="kastenzwei">Blub</div>
  <div class="kastendrei">Blablub</div>
</div>

Das hier dann in den BODY

Das clearfix wird hier erklärt: http://www.jassesnee.de/easyclear/

Viel Glück...
top


Zuletzt bearbeitet von top am Fr 24.09.2010 15:45, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
Kash

Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht: Männlich
Verfasst Fr 24.09.2010 15:56
Titel

Antworten mit Zitat Zum Seitenanfang

Diese ClearFix Varianten sind halt in älteren Browserversionen/-generationen nicht immer Hilfreich.
Von daher am besten nachfolgende Elemente mit einer entsprechenden Klasse versehen.

Wobei das in meinem Bsp natürlich so Murks ist, aber es sollte nur verdeutlichen was noch gemacht werden muß.
  View user's profile Private Nachricht senden
bacon

Dabei seit: 24.10.2007
Ort: -
Alter: -
Geschlecht: -
Verfasst Fr 24.09.2010 15:59
Titel

Antworten mit Zitat Zum Seitenanfang

Zitat:
Diese ClearFix Varianten sind halt in älteren Browserversionen/-generationen nicht immer Hilfreich.


Da würde ich ebenfalls widersprechen. Letztlich gewinnt man dadurch mehr als dass es schadet - vor allem spart man sich überflüssiges Markup.
  View user's profile Private Nachricht senden
Kash

Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht: Männlich
Verfasst Fr 24.09.2010 17:35
Titel

Antworten mit Zitat Zum Seitenanfang

bacon hat geschrieben:
Zitat:
Diese ClearFix Varianten sind halt in älteren Browserversionen/-generationen nicht immer Hilfreich.


Da würde ich ebenfalls widersprechen. Letztlich gewinnt man dadurch mehr als dass es schadet - vor allem spart man sich überflüssiges Markup.


Das ist sicherlich richtig, wenn folgend aber MarkUp existiert schadet es auch nicht diesem eine entsprechende Klasse zuzuweisen. Ansonsten sehe ich es auch so, das überflüssiges MarkUp nicht das beste ist.
  View user's profile Private Nachricht senden
heiko_rs

Dabei seit: 06.02.2008
Ort: Berlin
Alter: -
Geschlecht: Männlich
Verfasst Sa 25.09.2010 18:37
Titel

Antworten mit Zitat Zum Seitenanfang

Clearfix ist auf jeden Fall eine gute Sache. Auch alte Browser wie Netscape 7.0 und Opera 7.0 kommen damit problemlos zurecht. Dennoch ist meine persönliche Reihenfolge:

1. hartkodiertes clear (aber nie durch ein leeres Element). Falls es kein passendes Element gibt:
2. float für den Float-Holder. Falls dies nicht möglich ist:
3. Clearfix

Clearfix ist schon eine coole Erfindung, weil es ein <div style="clear: both"></div> genau an der richtigen Stelle einfügt, und das komplett per CSS.

P.S.: Heutuztage kann man sich imho den mühsamen Hack für den IE-Mac sparen (bekommt von mir eh kein CSS mehr), was die Clearfix-Regel auch deutlich sauberer macht. Ich schreibe nix weiter als
Code:
.clearfix:after {
    content: ".";
    display: block;
    height: .1px;
    clear: both;
    visibility: hidden;
    font-size: 0;
    overflow: hidden;
    }

und für den IE < 8 bekommt das Element dann noch hasLayout, sofern dies nicht eh bereits gesetzt ist.

.1px ist für ältere Geckos (brauchen eine Höhe ungleich 0), und font-size und overflow verhindern, dass der Punkt heraushängt, was unter Umständen einen unnötigen Scrollbalken oder Freiraum o.ä. erzeugen kann.


Zuletzt bearbeitet von heiko_rs am Sa 25.09.2010 18:46, insgesamt 4-mal bearbeitet
  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: Zurück  1, 2, 3, 4, 5
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.