Hilfe für Faux Column

luckynuts
Autor
Neues Mitglied

Mehr

14 Aug. 2008 15:47 #15946 von luckynuts

Hilfe für Faux Column wurde erstellt von luckynuts

Hi, ich bin gerade dabei ein Template für meinen Chef zu bauen. Leider habe ich immense Probleme mit dem Faux Colum, Sprich meine linke spalte geht nicht soweit runter wie mein content. ich habe das mit dem image das sich auf der y-Achse wiederholt schon ausprobiert, aber leider klappt es nicht.

Was ist falsch?

Code:

<?php
defined( '_VALID_MOS' ) or die( 'Restricted access' );
// needed to seperate the ISO number from the language file constant _ISO
$iso = explode( '=', _ISO );
// xml prolog
echo '<?xml version="1.0" encoding="'. $iso&#91;1&#93; .'"?' .'>';
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<?php mosShowHead(); ?>
<?php
if ( $my->id ) {
	initEditor();
}?>
<meta http-equiv="Content-Type" content="text/html; <?php echo _ISO; ?>" />
<link href="<?php echo $mosConfig_live_site;?>/templates/lobodms/css/template_css.css" rel="stylesheet" type="text/css" />
<style type="text/css">

#left { background: #ccc url(../images/repeater.jpg) repeat-y 50% 0; margin-left: -8px; float: left; width: 192px; min-height: 930px; background-color: #64B626;}

#sidebar { margin-left: 5px; margin-top: -5px; padding-top: 10px; min-height: 930px; float: left; width: 187px; background-color: #49484E; }

#wolf { margin-left: 5px; }

#main { float: left; width: 728px;}

#header {}

#green_line { margin: 10px 0px 10px 3px; background-color: #64b626; height: 25px;}

#content { margin-top: 10px;}

#footer {}

#spacer_image { background-repeat: repeat-y; }

#clr { clear: both; }

</style>
</head>
<body>
<div id="wrap">
	<div id="left">
        <div id="wolf">
                <img id="spacer_image" src="../images/eyes.jpg" width="187" height="75" />
        </div> nd of wolf 
    <div id="clr"></div>
        <div id="sidebar">
        	<?php mosLoadModules('left', -2); ?>
        </div>
    
        <div id="faux" style="background-color: red;">
        </div>
    </div> nd of left 
    
    
    <div id="main">
    	<div id="header">
        	
        </div>
        <div id="green_line"></div>
        <div id="content">
        	<?php mosMainBody(); ?>
        </div>
        
        <div id="footer">
        	<?php mosLoadModules('footer', -2); ?>
        </div>
    
    </div> nd of main 
</div> nd of wrap    
    
</body>

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Sam Fisher
Neues Mitglied

Mehr

14 Aug. 2008 16:25 #15951 von Sam Fisher

Sam Fisher antwortete auf Re: Hilfe für Faux Column

Hallo !
Bitte könntest du mal grob skizieren wie das aussehen sollte? Dann tue ich mir etwas leichter, sollte aber schnell gelöst sein. Einfach ein Bild im Paint oder so skizzieren.

Ach ja, darf ich es für 1.5 überarbeiten? Wenn du neu anfängst, auf JEDEN Fall Joomla 1.5.

Viele Grüße
Sam

PS: Denn CSS Code soltest du auch auslagern.

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

srnussholz
Neues Mitglied

Mehr

19 Aug. 2008 23:11 #16106 von srnussholz

srnussholz antwortete auf Re: Hilfe für Faux Column

Hallo luckynuts!

So wie ich das sehe mit dem faux columns, muss diese Anweisung mit der Grafik in den ersten umfassenden Container rein. Das wäre bei dir der #wrap und nicht der #left, denn dieser soll ja ausgefüllt werden. Dafür ist aber der main content verantwortlich. Versuch mal folgendes:

Code:

#wrap {
background: #ccc url(../images/repeater.jpg) repeat-y 50% 0;
}

Die 50% und die 0 allerdings nur, wenn dein Template auf Mitte ausgerichtet ist. Die Background Grafik aus #left entfernen.

Für ein weiteres Problem erachte ich die clr Anweisung innerhalb des floatenden #left und nach dem statischen #wolf. Würde ich mal rausnehmen. Einen Versuch ist es wert.

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

luckynuts
Autor
Neues Mitglied

Mehr

04 Sep. 2008 12:09 #16529 von luckynuts

luckynuts antwortete auf Re: Hilfe für Faux Column

ich habe versuch das von @srnussholz mal zu realisieren, aber leider hab ich es nicht hinbekommen, hierzu nochmal der "neue" code:

Code:

<?php
defined( '_VALID_MOS' ) or die( 'Restricted access' );
// needed to seperate the ISO number from the language file constant _ISO
$iso = explode( '=', _ISO );
// xml prolog
echo '<?xml version="1.0" encoding="'. $iso&#91;1&#93; .'"?' .'>';
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<?php mosShowHead(); ?>
<?php
if ( $my->id ) {
	initEditor();
}?>
<meta http-equiv="Content-Type" content="text/html; <?php echo _ISO; ?>" />
<link href="<?php echo $mosConfig_live_site;?>/templates/lobodms/css/template_css.css" rel="stylesheet" type="text/css" />
<style type="text/css">

#left { margin-left: -8px; float: left; width: 192px; min-height: 930px; background-color: #64B626;}

#wrap {
background: #ccc url(http://testpage.lobodms.com/templates/lobodms/images/repeater.jpg) repeat-y 50% 0;
}
#sidebar { margin-left: 5px; margin-top: -5px; padding-top: 10px; min-height: 930px; float: left; width: 187px; background-color: #49484E; }


#main { float: left; width: 728px;}

#header {}

#green_line { margin: 10px 0px 10px 3px; background-color: #64b626; height: 25px;}

#content { margin-top: 10px;}

#footer {}

#spacer_image { background-repeat: repeat-y; }

#clr { clear: both; }

</style>
</head>
<body>
<div id="wrap">
	<div id="left">
        <div id="wolf">
                <img id="spacer_image" src="../images/eyes.jpg" width="187" height="75" />
        </div> nd of wolf 
    <div id="clr"></div>
        <div id="sidebar">
        	<?php mosLoadModules('left', -2); ?>
        </div>
    
        <div id="faux" style="background-color: red;">
        </div>
    </div> nd of left 
    
    
    <div id="main">
    	<div id="header">
        	
        </div>
        <div id="green_line"></div>
        <div id="content">
        	<?php mosMainBody(); ?>
        </div>
        
        <div id="footer">
        	<?php mosLoadModules('footer', -2); ?>
        </div>
    
    </div> nd of main 
</div> nd of wrap    
    
</body>

@Sam Fisher:
hier habe ich einmal das bild gepostet, der graue bereich soll mit dem Seiteninhalt rechts bis ganz unten gehen.

Die Seite überarbeite ich nur, und mein chef würde mich wort wörtlich killen wenn ich das ganze jetzt in 1.5 baue ;(

--ALTER LINK WURDE ENTFERNT-- [/img]

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Sam Fisher
Neues Mitglied

Mehr

05 Sep. 2008 14:55 #16561 von Sam Fisher

Sam Fisher antwortete auf Re: Hilfe für Faux Column

Hallo !
Ich verstehe nicht ganz was du meinst, bzw. wo das Problem ist, bitte gib mir mal einen Link zu der Seite oder das Paket des Templates, ich mache das dann schnell.

@1.5: Doch, musst du machen, denn sonst fickt euch irgend wann ein Hacker wenn j 1.0.X ausläuft. Und wenn man gerade schon mal umbaut, dann 1.5 !
Viele Grüße
Sam

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

DietmarH
Neues Mitglied

Mehr

05 Sep. 2008 15:00 #16562 von DietmarH

DietmarH antwortete auf Re: Hilfe für Faux Column

Sam Fisher schrieb: @1.5: Doch, musst du machen, denn sonst fickt euch irgend wann ein Hacker wenn j 1.0.X ausläuft.

Bisher gibt es nicht einmal Gerüchte, daß es keine Security Fixes für 1.0 geben wird.

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Sam Fisher
Neues Mitglied

Mehr

05 Sep. 2008 15:03 #16563 von Sam Fisher

Sam Fisher antwortete auf Re: Hilfe für Faux Column

Hallo !

Bisher gibt es nicht einmal Gerüchte, daß es keine Security Fixes für 1.0 geben wird.

Hallo !
Das stimmt, aber trotzdem wenn 1.5 und 1.6 draußen wind, wird 1.0.X schön langsamm eingestellt werden. Niemand lässt 3 Versionen gleichzeitig laufen.
Viele Grüße
Sam

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

ghosty
Offline

Mehr

06 Sep. 2008 18:55 #16586 von ghosty

ghosty antwortete auf Re: Hilfe für Faux Column

Hi,

gemäss Aussagen wird die 1.0 genau 1 Jahr lang nach dem 1.5 Stable releas gewartet, müsste dem nach mit dem Support und Wartungs Releasen im Januar 2009 in etwa schluss sein.

Gruess

Pete

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

luckynuts
Autor
Neues Mitglied

Mehr

09 Sep. 2008 11:53 #16661 von luckynuts

luckynuts antwortete auf Re: Hilfe für Faux Column

Sam Fisher schrieb: Hallo !
Ich verstehe nicht ganz was du meinst, bzw. wo das Problem ist, bitte gib mir mal einen Link zu der Seite oder das Paket des Templates, ich mache das dann schnell.

@1.5: Doch, musst du machen, denn sonst fickt euch irgend wann ein Hacker wenn j 1.0.X ausläuft. Und wenn man gerade schon mal umbaut, dann 1.5 !
Viele Grüße
Sam

Okay, mit der 1.5 habt ihr mich jetzt überzeugt

Aber trotzdem noch zu dem Template:
Wie du auf dem bild sehen kannst hört die graue Spalte links eher auf als der Content rechts. Daher ist der Content länger als mein menühintergrund. Dieser soll ich jedoch soweit hinunter ziehen wie mein Content lang ist.

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Sam Fisher
Neues Mitglied

Mehr

09 Sep. 2008 13:29 #16670 von Sam Fisher

Sam Fisher antwortete auf Re: Hilfe für Faux Column

Hallo !
Ich verstehe. Nun, bitte packe das Tempalte mal in ein ZIp-Archiv und schicke es mir per PN oder per E-Mail. Ich passe es dann für dich an.
Viele Grüße
Sam

Bitte Anmelden oder Registrieren um der Konversation beizutreten.