Dynamisches Template (DIV), zentriert, 1 Spalte feste breite 1 dynamisch?

**JeanneDark** · 15.01.2009 21:59

Hallo liebe Joomla- und vor allem Template-Experten,

bevor ich hier völlig durchdrehe bei einer Sache, von der ich noch nicht einmal sicher bin, ob sie überhaupt realisierbar ist, würde ich gerne Eure Meinung hören.
Vielleicht stehe ich ja auch einfach nur sowas von auf dem Schlauch...

Ich möchte ein Template bauen und bin bereits beim head hängengeblieben.
Ich habe mal versucht, das Problem in eine Zeichnung zu fassen.
(siehe Anhang)

Wenn man das Template in 3 Bereiche teilt (oben, mitte und unten ) gibt es also in jedem Bereich eine dynamische und eine feste Spalte. Da das Template aber zentiert auf der Seite steht und auch noch in der Breite variabel bekomme ich einfach nicht hin, dass die dynamischen Spalten den ganzen Bereich ausfüllen, weil ich keine Breite angeben kann (weder Prozentuel noch in in px)

HIer mal die index.php (also Auszug und nur der obere Bereiche)

PHP-Code:


<body> 

<div id="wrap">

        <div id="borderleft-top">

        </div>



        <div id="background-top">

            <div id="head">

            </div>

            <div id="top-outer"> 

                <div id="top">

                    <jdoc:include type="modules" name="top" />

                </div>

            </div>    

        </div>

        <div id="borderright-top">

        </div>

</div>

Hier die CSS

Code:

* {
   margin: 0;
   padding: 0;
   }

#wrap 
	{
		min-width:760px;
		max-width:1060px;
		margin:0px auto;
	}

#borderleft-top
	{	
		float: left;
		margin:0px;
		padding:0px;
		width:2%;
		height:190px;
		background: url(../images/backgroundleft.gif) repeat-y;
		background-position: right;
	}

#background-top
	{	
		float:left;	
		margin:0px;
		padding:0px;
		width:96%;
		height:190px;
		background-color: #d99b4d;
	}

	#head
		{
			float:left;
			margin:0px;
			padding:0px;
			width:420px;
			height:190px;
			background: url(../images/logo.jpg) no-repeat;
		}

	#top-outer
		{	
			float:right;
			margin: 15px 10px 15px 15px;
			background-color: #e1af70;
			
		}

		#top
			{
				margin: 0px;
				border-left: 2px solid white;
				border-right: 2px solid white;
				height: 160px;
				width:100%;
				overflow: hidden;
			}

#borderright-top
	{
		float: left;
		margin:0px;
		padding:0px;
		width:2%;
		height:190px;
		background: url(../images/backgroundright.gif) repeat-y;
		background-position: left;
	}

Wie das ganze zur Zeit aussieht, seht Ihr im Anhang.

Ich würde mich freuen, wenn mich jemand erlöst und mir entweder sagt, wie das zu machen ist, oder dass ich mich von meinem Layout verabschieden muss, weil es nicht zu verwirklichen ist.

Viele Dank schon einmal im Voraus
Tanja

Thema: Dynamisches Template (DIV), zentriert, 1 Spalte feste breite 1 dynamisch?

LinkBack

Themen-Optionen

Thema durchsuchen

Anzeige

Hilfe bei Div-Template: Exerte gesucht! Layout machbar?

Lesezeichen

Lesezeichen

Berechtigungen