HTML/CSS Problem mit floating und 100% - Seite 2

P4trik · 04.04.2011, 17:58

Zitat:

Zitat von tr0y

*kopfkratz* Verstehst du das überhaupt ? ^^

Doch ich denke schon und ich habe leider überlesen das sich der Umbruch nicht vermeiden lässt..
Das Beispiel von Tr0y ist auch gut.. allerdings, wie bekomme ich den rechten Überschuss des DIV's weg wenn ich margin-left verwende ?

ChrisB · 04.04.2011, 18:01

Welcher „Umbruch“?

Und arbeite den Artikel, den ich dir verlinkt habe, bitte mal durch!

nikosch · 04.04.2011, 21:06

Sieh stehen nicht auf 100% sondern auf auto. Und nehmen damit den Platz ein, der da ist. Das ist das Wesen eines Blockelements.

P4trik · 05.04.2011, 09:34

Ich habe dem ganzen jetzt entnommen das es in CSS keine Möglichkeit gibt, mein skizziertes Konzept mit Containern umzusetzen, ohne einen Umbruch der Navigationen zu verhindern ist das richtig ?

ChrisB · 05.04.2011, 10:22

Zitat:

Zitat von P4trik

Ich habe dem ganzen jetzt entnommen das es in CSS keine Möglichkeit gibt, mein skizziertes Konzept mit Containern umzusetzen, ohne einen Umbruch der Navigationen zu verhindern ist das richtig ?

Ich weiß immer noch nicht, was du mit „Umbruch“ meinst.
Dass die Navigation links unterhalb des gefloateten Elements auf voller Breite vorgesetzt wird, wenn sie höher als dieses wird?

Doch, die Möglichkeit gibt es.

P4trik · 05.04.2011, 11:20

Ich habe es jetzt gelöst bekommen

Die Lösung heißt min-width

Code:

<html lang="en">

    <head>
        <meta charset="utf-8" />
        <title>New</title>
        <style type="text/css">

            .logo {
                float: left;
                width: 260px;
                height: 50px;
                background: green;
            }

            .nav-main {
                background: red;
				min-width:500px;
            }

            .nav-sub {
                background: blue;
				min-width:500px;
            }

        </style>
    </head>

    <body>
        <div class="header">
            <div class="logo">
                .logo
            </div>
            <div class="nav-main">
                .nav-main
            </div>
            <div class="nav-sub">
                .nav-sub
            </div>
        </div>

    </body>

</html>

Vielen Dank für eure Hilfe

MikO · 05.04.2011, 12:30

min-width ist in älteren browsern noch nicht definiert. ie 6 und 7 dürften dir da probleme bereiten

ALEC23 · 05.04.2011, 13:32

Zitat:

Zitat von MikO

min-width ist in älteren browsern noch nicht definiert. ie 6 und 7 dürften dir da probleme bereiten

Der 7er geht... Nur bei dem 6er musst Du mit Javascript dynamisch auf die CSS-Eigenschaft zugreifen. Dazu: http://jeenaparadies.net/weblog/2007...dth-expression

Liebe Grüße

nikosch · 05.04.2011, 15:04

Oft reicht auch, über einen Hack für den IE eine feste Breite/Höhe zu vergeben. Der IE drückt bei größeren Imhalt dann das Element auf.

mermshaus · 05.04.2011, 15:10

Keine Ahnung, ob ich das richtig interpretiere, aber:

Zitat:

tr0ys Lösung ist da robuster.

HTML-Code:

<!DOCTYPE html>

<html lang="en">

    <head>
        <meta charset="utf-8" />
        <title>New</title>
        <style type="text/css">

            .logo {
                float: left;
                width: 260px;
                height: 50px;
                background: green;
            }

            .nav-main {
                background: red;
                height: 80px;
		margin-left: 260px;
            }

            .nav-sub {
                background: blue;
                height: 80px;
		margin-left: 260px;
            }

        </style>
    </head>

    <body>
        <div class="header">
            <div class="logo">
                .logo
            </div>
            <div class="nav-main">
                .nav-main
            </div>
            <div class="nav-sub">
                .nav-sub
            </div>
        </div>

    </body>

</html>

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Problem mit Ajax - Session Problem	halskrause	PHP Tipps 2009	10	12.01.2010 02:27
[Erledigt] Problem mit Mehrsprachigkeit	Sniper_Kotaro	PHP Tipps 2009	2	16.12.2009 11:47
Problem beim Download Management	mistermint	PHP Tipps 2009	8	24.10.2009 11:34
Umlaut Problem	nokieone	PHP Tipps 2009	7	16.10.2009 19:30
Problem mit Basedir in PhP	cmuch05	Datenbanken	9	08.01.2009 14:17
[Erledigt] Problem: PHP Selbe Datei mehr als 1 Mal	soulan	PHP Tipps 2008	13	28.11.2008 22:51
Problem Upload mehrere Dateien und schreiben in DB	Lapje	PHP Tipps 2008	1	22.10.2008 13:12
utf8 Problem (Daten aus DB auslesen)	go1denboy	PHP Tipps 2008	1	23.09.2008 12:19
Problem mit swfobjects	R4v3r	JavaScript, Ajax und mehr	8	21.09.2008 14:17
Timestamp problem	phrain	PHP Tipps 2008	2	04.04.2008 09:41
datensätze defekt oder problem mit dem einlesen?	Ministry	Datenbanken	4	06.07.2006 18:42
problem!!!		PHP Tipps 2006	6	08.02.2006 11:06
Smarty und PHP-Skript Problem		PHP Tipps 2004-2	2	03.12.2004 22:27
Problem mit alter JavaScript-Funktion	woods	PHP Tipps 2004	1	13.08.2004 13:34


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

04.04.2011, 18:01
ChrisB Moderator¹ Registriert seit: 28.03.2010 Beiträge: 7.470 PHP-Kenntnisse: Fortgeschritten	Welcher „Umbruch“? Und arbeite den Artikel, den ich dir verlinkt habe, bitte mal durch! __________________ RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?

04.04.2011, 21:06
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Sieh stehen nicht auf 100% sondern auf auto. Und nehmen damit den Platz ein, der da ist. Das ist das Wesen eines Blockelements. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

05.04.2011, 09:34
P4trik Benutzer Registriert seit: 21.08.2008 Beiträge: 40	Ich habe dem ganzen jetzt entnommen das es in CSS keine Möglichkeit gibt, mein skizziertes Konzept mit Containern umzusetzen, ohne einen Umbruch der Navigationen zu verhindern ist das richtig ?

05.04.2011, 12:30
MikO Benutzer Registriert seit: 04.04.2011 Beiträge: 46 PHP-Kenntnisse: Fortgeschritten	min-width ist in älteren browsern noch nicht definiert. ie 6 und 7 dürften dir da probleme bereiten

05.04.2011, 15:04
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Oft reicht auch, über einen Hack für den IE eine feste Breite/Höhe zu vergeben. Der IE drückt bei größeren Imhalt dann das Element auf. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --