[Erledigt] 3 Bilder nebeneinander -aussen variable Größe, mitte feste Größe

BJ1995 · 17.04.2011, 22:17

Ich habe 3 Bilder und möchte ein 3spalten-Layout machen. In der mitte soll mittig ein Bild mit einer festen breite sein und links und rechts jeweils nochmal ein Bild mit variabler breite. Die Aussen-divs sollen den Inhalt zwischen Bild und Rand des Browsers füllen. Also sollen die Aussen-divs je nach Größe des Browsers unterschiedlich groß sein und z.B. wenn der mittlere Div genau in den Browser passt sollen die Außen-divs gar nicht da sein.
Schematische Beispiele('B' ist das Bild in der Mitte; |<Browsergröße>|; '-'=Aussenbilder):
|BBBB|
|--BBBB--|
|----BBBB----|

drsoong · 18.04.2011, 00:00

Die typische Gegenfrage dieses Forums: Welche Ansätze hast Du denn schon?

dreamcatcher · 18.04.2011, 00:54

Ich kann dir folgendes kurze aber knackige Tutorial ans Herz legen:

http://www.webmaster-crashkurs.de/css-lernen.htm

Danach solltest du keine Probleme bei der Umsetzung haben.

BJ1995 · 18.04.2011, 12:43

Ich habe es hinbekommen. Danke dreamcatcher für den Link.

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">

<head>
    <title>Titel</title>
    <style type="text/css">
        #l{
            margin-right:50%;
            max-width:50%;
            height:768px;
            background:url("links.png");
        }
        #m{
        background:url("mitte.png");
            margin:-768px auto;
            top:0px;
            width:1641px;
            height:768px;
        }
        #r{
            margin-left:50%;
            max-width:50%;
            margin-top:-768px;
            height:768px;
            background:url("rechts.png");
        }
    </style>

</head>
<body>
    <div id="l"></div>
    <div id="r"></div>
    <div id="m"></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
proportionales ändern der größe mehrerer in einem ordner befindlicher bilder?	creedkev	PHP Tipps 2009	2	17.09.2009 17:28

17.04.2011, 22:17
BJ1995 Benutzer Registriert seit: 30.01.2011 Beiträge: 38 PHP-Kenntnisse: Anfänger	[Erledigt] 3 Bilder nebeneinander -aussen variable Größe, mitte feste Größe Ich habe 3 Bilder und möchte ein 3spalten-Layout machen. In der mitte soll mittig ein Bild mit einer festen breite sein und links und rechts jeweils nochmal ein Bild mit variabler breite. Die Aussen-divs sollen den Inhalt zwischen Bild und Rand des Browsers füllen. Also sollen die Aussen-divs je nach Größe des Browsers unterschiedlich groß sein und z.B. wenn der mittlere Div genau in den Browser passt sollen die Außen-divs gar nicht da sein. Schematische Beispiele('B' ist das Bild in der Mitte; \|<Browsergröße>\|; '-'=Aussenbilder): \|BBBB\| \|--BBBB--\| \|----BBBB----\|


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

18.04.2011, 00:00
drsoong Erfahrener Benutzer Registriert seit: 05.08.2008 Beiträge: 1.127	Die typische Gegenfrage dieses Forums: Welche Ansätze hast Du denn schon? __________________ Es ist schon alles gesagt. Nur noch nicht von allen.

18.04.2011, 00:54
dreamcatcher Erfahrener Benutzer Registriert seit: 28.12.2010 Beiträge: 599 PHP-Kenntnisse: Anfänger	Ich kann dir folgendes kurze aber knackige Tutorial ans Herz legen: http://www.webmaster-crashkurs.de/css-lernen.htm Danach solltest du keine Probleme bei der Umsetzung haben.