variables Grundlayout - Seite 5

Manko10 · 13.10.2010, 18:47

Okay. Ändert aber wie gesagt nichts daran, dass dieses Problem ohne Breitenangabe nicht lösbar ist.

Sonic · 13.10.2010, 20:39

Ich bin jetzt nicht der Experte, aber könnte man nicht einen Kompromis mi min-width machen? In Endeffekt hat man ja dann eine Breite, also min-width: 1px;?

LG Sonic

nikosch · 13.10.2010, 20:44

Klar kann man machen. Bringt nur nüscht. Gefloatete Elemente breiten sich halt nicht maximal aus, sondern im Gegenteil. Ein min-width:1 hast Du damit sowieso schon. Zumal bei zwei Elementen mit min-width ist der Browser auch nicht schlauer, welches er jetzt vergrößern soll oder was auch immer.

mermshaus · 13.10.2010, 23:37

Ich könnte schwören, dass genau der Code des folgenden Beispiels ganz zu Anfang so nicht funktioniert hat... Eventuell ist es auch nur eine Eigenart meiner Virtual Machine und es "klappt" so bei niemandem außer mir.

Die bisherigen Versuche habe ich noch nicht wirklich angeguckt. Vielleicht ist da was doppelt und/oder kombinierbar.

Anyway: Demo (nur für IE6 gedacht)

Code:

<!DOCTYPE html>

<html>

    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>New</title>
<style type="text/css">

/**
 * new clearfix
 *
 * @see http://perishablepress.com/press/2009/12/06/new-clearfix-hack/
 */
.clear:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
    }
* html .clear             { zoom: 1; } /* IE6 */
*:first-child+html .clear { zoom: 1; } /* IE7 */

#wrapper-outer {
    float: right;
    position: relative;
    left: -50%;
}

#wrapper-inner {
    float: left;
    left: 50%;
    position: relative;
    background: #eee;    
    border: 5px solid #ccc;
}

#header {
    background: #ff0;
}

#menu {
    background: #f00;
    width: 300px;
    float: left;
}

#content {
    background: #0ff;
    float: left;
    padding: 10px;
}

#footer {
    background: #0f0;
    clear: both;
}

</style>

    </head>

    <body>
        <div id="wrapper-outer">
            <div id="wrapper-inner" class="clear">

                <div id="header">#header abcabcabcabc abcabcabcabc abcabcabcabc abcabcabcabc abcabcabcabc abcabcabc </div>
                
                <div id="menu">#menu</div>

                <div id="content">
                    <div style="border: 1px solid black; padding: 5px;">Hier ist eine Box</div>

                    <p>#content xyzabc xyzabc xyzabc xyzabc xyzabc xyzabc xyzabc</p>
                    <p>Noch ein Absatz</p>
                </div>
                
                <div id="footer">#footer abcabcabcabc abcabcabcabc abcabcabcabc abcabcabcabc abcabcabcabc abcabcabc </div>

            </div>
        </div>




        <div style="margin-top: 300px;">

            <p>Die Seite ist lediglich für Aufruf mit dem IE6 gedacht.</p>

            <p>Probleme:</p>

            <ul>
                <li>Hintergrund von #content wird nicht immer ganz durchgezogen. <a href="./problem1.png">[screenshot]</a></li>
                <li>Keine <var>min-width</var> implementiert. <a href="./problem2.png">[screenshot]</a>
                    <ul><li>Vielleicht interessant: <a href="http://www.cssplay.co.uk/boxes/width.html">http://www.cssplay.co.uk/boxes/width.html</a></li></ul>
                </li>
            </ul>

        </div>
    </body>

</html>

nikosch · 13.10.2010, 23:52

Scheint zu klappen.

cycap · 14.10.2010, 08:24

Jao sieht gut aus in meinem IE6

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
$_FILES[ + variables formularfeld	Leinberger	PHP Tipps 2010	34	18.09.2010 14:14
Variables Menü über Java oder PHP ändern?	kami	PHP Tipps 2010	5	03.05.2010 09:05
[Erledigt] regex \| variables wort herausfiltern	Knechtle	PHP Tipps 2010	6	05.03.2010 17:21
[Erledigt] Variables Formularfeld	Pete09	PHP Tipps 2009	12	22.12.2009 20:43
variables httpd.conf include	nikosch	Server, Hosting und Workstations	10	03.07.2009 15:59
[Erledigt] Only variables can be passed by reference	Gesichtsbaracke	PHP Tipps 2009	19	26.02.2009 02:50
Variables Menü	scheffie	PHP Tipps 2009	11	17.02.2009 14:30
[Erledigt] Variables Array als einzelne Argumente übergeben	ciss	PHP Tipps 2008	6	11.12.2008 15:08
Variables CSS	Igäl	PHP Tipps 2007	5	07.08.2007 13:35
[Erledigt] Fatal error: Only variables can be passed by reference in		PHP-Fortgeschrittene	3	14.10.2005 02:13
variables programm aufrufen in der formaction		PHP Tipps 2005-2	5	09.06.2005 20:31
[Erledigt] Variables aus Array auslesen		PHP-Fortgeschrittene	2	23.11.2004 20:20
Variables Array	Borlox	PHP Tipps 2004	4	29.09.2004 18:56
templatesystem - variables ersetzen	konsti	PHP-Fortgeschrittene	6	07.08.2004 10:56
[Erledigt] Variables Tabellen-Layout mit Bildern		HTML, Usability und Barrierefreiheit	3	06.06.2004 16:27

13.10.2010, 18:47
Manko10 Supermoderator HD Registriert seit: 16.03.2008 Beiträge: 8.706 PHP-Kenntnisse: Fortgeschritten	Okay. Ändert aber wie gesagt nichts daran, dass dieses Problem ohne Breitenangabe nicht lösbar ist. __________________ Refining Linux Advent Calendar series “24 Outstanding ZSH Gems”


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

13.10.2010, 20:39
Sonic Erfahrener Benutzer Registriert seit: 31.05.2010 Beiträge: 151 PHP-Kenntnisse: Fortgeschritten	Ich bin jetzt nicht der Experte, aber könnte man nicht einen Kompromis mi min-width machen? In Endeffekt hat man ja dann eine Breite, also min-width: 1px;? LG Sonic

13.10.2010, 20:44
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Klar kann man machen. Bringt nur nüscht. Gefloatete Elemente breiten sich halt nicht maximal aus, sondern im Gegenteil. Ein min-width:1 hast Du damit sowieso schon. Zumal bei zwei Elementen mit min-width ist der Browser auch nicht schlauer, welches er jetzt vergrößern soll oder was auch immer. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

13.10.2010, 23:52
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Scheint zu klappen. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

14.10.2010, 08:24
cycap Moderator Registriert seit: 13.02.2008 Beiträge: 6.816 PHP-Kenntnisse: Fortgeschritten	Jao sieht gut aus in meinem IE6